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
Experimenting with a Pixel Shader using React Three Fiber :
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
Related posts
clean and smooth ✨
Threadline — an interactive visual journaling experience, with walkthrough video
project live demo link:
Link of figma project:
Figma X Contra challenge
Most journaling tools flatten memory into text boxes. Threadline turns memory into something you can see and touch. You enter a few real moments from your life, choose a thread color for each, and weave them into a canvas. The heavy ones show up as knots.
You can open a knot, sit with what it carried, and reframe it in your own words. Not to erase it.. just to hold it differently. When the thread softens, the memory stays. It just doesn't pull the same way. At the end you're left with a woven cloth made from your own story.
I built this for people who carry things they don't always know how to say out loud. Grief, change, loss, starting over.. those don't fit neatly into a journal entry. Sometimes it's tangled. Sometimes you don't know where to start. Threadline gives that a form: memories become threads, weight becomes tension, unresolved moments become knots, and reframed meaning becomes a gold stitch.
The flow: add your moments → choose thread colors → generate your Threadline → open a knot → reframe it → keep or share the cloth.
It's quiet on purpose. No streaks, no metrics, no gamification. Just a place to put what you've been carrying.
And honestly, if you're carrying something right now: you don't have to carry it perfectly. That's the whole point of this thing.
This project is special to me.
I have shared a lot of WIP videos about it a few months ago and now I am ready to share more details about this amazing framer template.
Perfectly executed
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
