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 my favorite animated scenes and interactive experiments, 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) Minesweeper
Classic Windows game nostalgia, rebuilt with love in the Framer dimension.
Minesweeper
2) Think Twice
A unique Framer animation created using the frame-by-frame technique.
Think Twice
3) Big And Tasty
In this animation, a thick and tasty burger is assembled as all the ingredients come together in sequence.
Big And Tasty
4) Sun & Moon
All things in life move in cycles. As the sun dips below the horizon, the moon takes its place in the sky.
Sun & Moon
5) Framer Design Pages
In honor of the new Design Pages feature launched by the Framer team on September 16th, I created this short, creative animation.
Framer Design Pages
6) #FramerChallenge
Right when the challenge kicked off, I created this animation as a special mention for the first participants. The goal was to give them a boost of motivation to go out and achieve their goals.
#FramerChallenge
7) Solar System
Experimenting with the "Along Path" component to achieve custom object movement along a defined animation path.
Solar System
8) Atom
Simple yet effective animation of an atom made in Framer.
Atom
9) Kick The Ball Around
A looping animation of a soccer ball bouncing from one head to another.
Kick The Ball Around
10) Emoji
An infinitely looping animation of emojis transforming from one state to another.
Emoji
11) Canvas
This animation simultaneously distributes the objects across the canvas while transforming their shapes.
Canvas
12) Parallax Effect
This parallax effect was achieved by assigning different scroll speeds to various objects, which creates a compelling illusion of depth.
Parallax Effect
13) Vectors
This animation smoothly reveals vector paths and text values.
Vectors
14) Dreams
A beautiful and smooth parallax scrolling effect with AI-generated visuals.
Dreams
15) Know Your Meme
After seeing this meme countless times, I was inspired to bring it to life with an interactive twist in Framer.
Know Your Meme
🤔 Looking for a Framer developer with Web Design skills?
🚀 Let's connect!
Like this project
Posted Sep 28, 2025
The curated collection of animated scenes made in Framer. They are designed to fuel your inspiration and help you bring your own creative ideas to life.