The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
I built a notebook that shatters into interactive glass.
I wanted to rethink what a “notes app” could feel like.
So I built ShatterJournal — a futuristic digital notebook where your content doesn’t just sit… it reacts.
Instead of static pages:
• Right-click to shatter your page into glass shards
• Each shard stays fully interactive
• Drag, edit, and rearrange your thoughts physically
• Rebuild everything with a magnetic animation
It turns writing into something tactile and alive.
Also includes:
• Checklist system
• Drawing canvas
• Tagging
• Smooth glass + neon UI
This was an experiment in blending UI + physics + storytelling.
Would love your thoughts 👇
Link : https://omma.build/p/shatterjournal-dark-cyberpunk-web-app-jkzt76
This feels like the future of note-taking 🔥
Love how every shard is still usable 🤯
nice
Satisfying physics makes brainstorming feel alive.
Nice work
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
: One of my favorite recent builds ✦
Theory was designed for a creative studio that needed something bold and editorial without losing clarity or usability.
The part I loved most was figuring out how to make the site feel visually expressive while still giving the portfolio work room to breathe. Lots of strong type, intentional movement, and little custom details throughout.
Designed + developed in Squarespace 7.1 with custom CSS and JavaScript.
The oversized “recent work” type over the project imagery is a lovely touch. Gives the portfolio a real editorial feel.
AI-powered note-taking app designed to capture ideas, summarise meetings, and turn thoughts into action.
A clean, Apple-inspired mobile experience focused on productivity and AI assistance. ✨
Everlune 🤍 The Journal page tabbed by category (Wedding Tips, Venues, Real Stories, Behind the Scenes).
Individual blog post layout: author bio, pull quotes, related posts, share buttons.
Editorial typography that makes even a "camera bag" post feel premium.
Check it out: https://framer.link/thi0CPi
Love the editorial direction here—the category tabs and journal-like pacing give the content room to breathe. The image treatment makes the whole experience feel considered and tactile.