Built with Framer

✨ Creative Animations in Framer

Vlad Sydor

Creative Animations in Framer

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.

Likes

5

Views

35

Timeline

Sep 1, 2025 - Sep 28, 2025

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc