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
Had some fun working on this cool interaction and it's super smooth. This is entirely build on @Framer
Amazing!
Amazing!
Nice work as usual
Thank you Bolu.
Fantastic
The hover reveal on an awards directory is a great interaction pattern. Table layouts can feel dense and hard to scan, but letting the image preview pull focus exactly where the cursor is makes it feel effortless. The easing on the transition looks very clean.
Yeah, it is. Thank you.
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
Which tool do you use to animate your designs ?
I built Interactive Earth History Explorer for the Config Makeathon.
Interactive Earth History Explorer
The web app allows users to travel through Earth's history by scrolling through a timeline and interacting with a 3D globe. Users can explore:
Geological eras and major Earth events
The evolution of life on Earth
Ancient civilizations and historical milestones
Important locations associated with historical events
Multimedia content such as images, animations, and descriptions
—————————
Target Users
Students and educators
History enthusiasts
Parents looking for interactive learning tools
—————————
Traditional methods of learning history and geology are often:
Text-heavy and difficult to visualize
Presented as static timelines that lack interactivity
Disconnected from geographical context
——————————
Solution
The web application provides an immersive and interactive learning experience by combining:
🌍 Interactive 3D Globe, 📅 Scrollable Timeline, 🖼 Rich Content Cards, ✨ Immersive Storytelling
————————
My process: Pen and paper → Figma make → Using Figma make to generate ideas → Prompting it out as perfectly as I can get it to work → Connected to Figma server → Deployed
live site : https://lnkd.in/g7RFUR5t
This is sooo cool man..... is it possible fr me to like check it out i mean the live preview
For the #ConfigMakeathon, I created Book Trace. It is a reading journal app that helps you capture thoughts while you read, and leave a personal trace when you finish.
[Concept]
Book Trace turns the experience of reading into something you can hold onto. Instead of forgetting what a book meant to you, you leave a Trace — one sentence, one emotion, one word. The app also reads what you wrote and tells you what kind of reader you are, with book recommendations matched to your type and genre.
[Project Overview]
For this submission, I designed:
- Onboarding flow;
- Still Reading experience with in-the-moment note capture;
- Finished flow with the full Trace journey;
- Reader Identity system with personalized recommendations;
- Library with saved traces;
- UI Kit and design system.
[Workflow]
I built the full product from concept to prototype in Figma. UI Kit, component library, and interactive flows all in one file.
[My Experience]
What I loved most about this challenge was how it pushed me to think about the full user journey, not just screens, but emotions. Book Trace started as a simple idea and grew into something that feels genuinely personal.
Figma made it possible to move from rough concept to polished prototype without ever leaving the workspace.
Thank you to the Figma team for a challenge that made me build something I actually want to use!
Live project
LinkedIn post
Community link
If this resonates with you, a like, comment goes a long way. Thank you 🙌
Amazing!
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?