Framer is a powerful tool for building landing pages and websites, allowing you to seamlessly convert an existing Figma design into a fully functional project.
Although it's mainly used for websites, there's still a lot of potential for building unconventional projects. Its native animations are sophisticated and let you build truly unique scenes.
In this Contra project, I'm showcasing interesting micro-interaction examples, all created in Framer. I built these projects in my free time and shared them on social media (X & LinkedIn). Consider this an inspiration room for your own creative ideas.
š¤ Looking for a Framer developer with Web Design skills?
š Let's connect!
1) Like Button
Clicking the button triggers a shower of happy emojis that fly across the canvas.
Like Button
2) To-Do
An interactive to-do list where clicking on a task reveals more details.
To-Do
3) Music Vibes
Hover over the music paintings to watch them come to life.
Music Vibes
4) GitHub Graph
An interactive graph that reveals a hidden message on hover.
GitHub Graph
5) Emoji
Every emoji has a secret. Hover over each one to discover its unique design.
Emoji
6) Navigation
A playful and unique hover effect designed for a primary navigation link.
Navigation
7) Book a Call
An interactive "Book a Call" button with a smooth hover effect.
Book a Call
8) My name is ...
An interactive card with a hover effect that reacts to the cursor's position.
My name is ...
9) 3D Calendar
This component displays your schedule for the upcoming days, showing all of your planned events and activities.
3D Calendar
š¤ Looking for a Framer developer with Web Design skills?
š Let's connect!
Like this project
Posted Sep 28, 2025
The collection of interesting micro-interactions made in Framer. They are designed to fuel your inspiration and help you bring your own creative ideas to life.