Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

On Scroll Interactive Lottie (13KB) [ Made with Lottielab and @Framer ] Recreated Sebastian Rindom's design but turned it into an animated stack illustration instead 🎞️

Daryl Patigas

6,206 subscribers

161,216 views • 2 years ago •via X (Twitter)

Science & Technology Arts

Anya Rossi• Live Now

Private livecam show

9 Comments

Daryl Patigas2 years ago

and @framer [ Lottie Scroll Variant ] Remix it here:

Kpkalone2 years ago

@LottielabHQ @framer @sebrindom Dude, goat shit by replying with the remix. this might be the cleanest thing i've ever seen taht could convey so much complexity in a simply manner. legit might be one of the best UI AND UX implementations, ufh, colllddddd blodded with this one!

Sebastian Rindom2 years ago

@LottielabHQ @framer Haha love it! good job man 💪

Daryl Patigas2 years ago

@LottielabHQ @framer Thanks man!!! 🫶

Stefan2 years ago

@LottielabHQ @framer @sebrindom Absolutely gorgeous!

Ivan2 years ago

@LottielabHQ Did you use any plugin for isometric?

Daryl Patigas2 years ago

@LottielabHQ nah, just plain pen tool in Figma

Altay2 years ago

@LottielabHQ @framer @sebrindom Good job and thanks for sharing this 💡

Vignesh Varadharajan2 years ago

@LottielabHQ @framer @sebrindom Can you share some tutorial :)

Related Videos

I gave an anatomical illustration to the Framer agent and asked it to make an interactive way to learn from it and it one-shotted a whole clickable lesson, built on top of the image. holy cow doesn't cover it

I gave an anatomical illustration to the Framer agent and asked it to make an interactive way to learn from it and it one-shotted a whole clickable lesson, built on top of the image. holy cow doesn't cover it

Lucas Crespo

27,077 views • 3 months ago

Love this design! Look at how much attention the team put into the interactions and storytelling Anthropic Was it made with Framer?

Love this design! Look at how much attention the team put into the interactions and storytelling Anthropic Was it made with Framer?

Victoria

40,818 views • 4 months ago

AR + AI effect We made an AR filter that interacts with your hands. I inpainted the image using Photoshop's new AI feature, and Sergei Galkin turned it into an interactive filter Made for Adobe using Photoshop (beta) Generative Fill #AdobeFirefly #AdobePartner

AR + AI effect We made an AR filter that interacts with your hands. I inpainted the image using Photoshop's new AI feature, and Sergei Galkin turned it into an interactive filter Made for Adobe using Photoshop (beta) Generative Fill #AdobeFirefly #AdobePartner

Karen X. Cheng

864,246 views • 3 years ago

People often ask if Rive is a design tool, an animation tool, or a competitor to Figma, After Effects, or Lottie. It’s none of those. Rive is a new way to design, build, and ship user interfaces with animation. It combines an interactive design tool, a new stateful graphics format, a lightweight multi-platform runtime, and a blazing-fast vector renderer. This end-to-end pipeline brings interfaces to life with motion. It gives designers and devs the tools to build award-winning interactive experiences across apps, games, websites, products, and vehicles.

People often ask if Rive is a design tool, an animation tool, or a competitor to Figma, After Effects, or Lottie. It’s none of those. Rive is a new way to design, build, and ship user interfaces with animation. It combines an interactive design tool, a new stateful graphics format, a lightweight multi-platform runtime, and a blazing-fast vector renderer. This end-to-end pipeline brings interfaces to life with motion. It gives designers and devs the tools to build award-winning interactive experiences across apps, games, websites, products, and vehicles.

Guido Rosso

59,850 views • 1 year ago

Hey! I'm a visual designer from Ukraine with roots in architecture and art. Now I focus on web design, branding, illustration, and animation. I love partnering with ppls and teams that see design as problem-solving, not just moving pixels around. Just updated my portfolio at , built it myself on Framer btw. May the Sun be with you ☀️

Hey! I'm a visual designer from Ukraine with roots in architecture and art. Now I focus on web design, branding, illustration, and animation. I love partnering with ppls and teams that see design as problem-solving, not just moving pixels around. Just updated my portfolio at , built it myself on Framer btw. May the Sun be with you ☀️

Daniel Sun

41,572 views • 1 year ago

Made this weapon configurator with Opus 5 Started with an image and asked Opus to recreate the gun using img2threejs, then turn it into an interactive customization experience

Made this weapon configurator with Opus 5 Started with an image and asked Opus to recreate the gun using img2threejs, then turn it into an interactive customization experience

Dilum Sanjaya

13,702 views • 29 days ago

More and more design studios are showcasing interactive tools in their case studies, and I’m here for it. We went from static PDFs to motion, and now we’re letting people actually play with the brand. It’s no longer just a bunch of rules, the constraints are built into the brand itself. Here’s an example from the recent Stack Overflow rebrand by Koto, featuring various interactive elements. The future of brand design looks good.

Fons Mans

126,203 views • 2 months ago

Made entirely inside Wonder! Here's how we did it: We used the SVG generation model from QuiverAI for the lettering, added a shader effect from the shaders library, and turned it into an interactive poster.

Made entirely inside Wonder! Here's how we did it: We used the SVG generation model from QuiverAI for the lettering, added a shader effect from the shaders library, and turned it into an interactive poster.

Wonder

14,887 views • 2 months ago

My friends and I made an animated short film in a week, it was a lot of fun to work on and I think it turned out great ! Please check everyone that worked on it in the comments.

My friends and I made an animated short film in a week, it was a lot of fun to work on and I think it turned out great ! Please check everyone that worked on it in the comments.

🌱

50,760 views • 2 years ago

I continue to be impressed with Astra. I made bobo (the podcast host) with clay then took pictures of him and uploaded it to astra. It turned 3 images into a 3d model, which it then rigged and animated. Super cool tech!

I continue to be impressed with Astra. I made bobo (the podcast host) with clay then took pictures of him and uploaded it to astra. It turned 3 images into a 3d model, which it then rigged and animated. Super cool tech!

Duncan Trussell

35,004 views • 20 days ago

My interaction design manual is now open for registration with 3 new chapters. With 23 chapters and 23 downloadable React components on an interactive platform, Devouring Details includes everything I know about not just interactions, but design. Available for 2 weeks.

My interaction design manual is now open for registration with 3 new chapters. With 23 chapters and 23 downloadable React components on an interactive platform, Devouring Details includes everything I know about not just interactions, but design. Available for 2 weeks.

rauno

147,048 views • 1 year ago

I turned an old dead tree stump into a family of owls yesterday and still made it home on time for dinner

I turned an old dead tree stump into a family of owls yesterday and still made it home on time for dinner

Home Hack 🏡

87,393 views • 2 months ago

A Yoroll creator turned Van Gogh’s The Potato Eaters into an interactive hidden-object game. What stands out first is the visual style. But the real heart is the emotion behind it. Instead of simply recreating the famous dinner scene, the game imagines an untold story around ordinary people, poverty, survival, and care. This is what I love about interactive storytelling: a classic artwork becomes something you don’t just look at, but experience.

A Yoroll creator turned Van Gogh’s The Potato Eaters into an interactive hidden-object game. What stands out first is the visual style. But the real heart is the emotion behind it. Instead of simply recreating the famous dinner scene, the game imagines an untold story around ordinary people, poverty, survival, and care. This is what I love about interactive storytelling: a classic artwork becomes something you don’t just look at, but experience.

Yoroll

29,023 views • 2 months ago

Product Designer → Design Engineer It took me a year, but I now believe more than ever that I want to be a Design Engineer, full-time ✨ What began in 2025 with apprehension turned into clarity after months of building and shipping After 5 years as a Product Designer, this feels like an exciting and natural transition I build for web (Tailwind & Framer Motion) and iOS (SwiftUI) 🖥️📱 I’m looking for a 100% remote role and am comfortable working in IST or WET 🌏 If you’re hiring design engineers and open to taking a chance on me, we should talk ✉️

Product Designer → Design Engineer It took me a year, but I now believe more than ever that I want to be a Design Engineer, full-time ✨ What began in 2025 with apprehension turned into clarity after months of building and shipping After 5 years as a Product Designer, this feels like an exciting and natural transition I build for web (Tailwind & Framer Motion) and iOS (SwiftUI) 🖥️📱 I’m looking for a 100% remote role and am comfortable working in IST or WET 🌏 If you’re hiring design engineers and open to taking a chance on me, we should talk ✉️

Kaushik

121,165 views • 8 months ago

Office Space was released 27 years ago. It flopped in theaters but exploded on DVD and cable. The printer-smashing scene alone turned it into a cult classic, becoming one of the most quoted and recreated moments in workplace comedy history.

Office Space was released 27 years ago. It flopped in theaters but exploded on DVD and cable. The printer-smashing scene alone turned it into a cult classic, becoming one of the most quoted and recreated moments in workplace comedy history.

cinesthetic.

98,925 views • 7 months ago

THE IRON GIANT turns 27 today. Warner Bros. rushed the film into theaters with almost no marketing, and it underperformed at the box office. Years later, strong word of mouth and home video turned it into one of the most beloved animated films ever made.

THE IRON GIANT turns 27 today. Warner Bros. rushed the film into theaters with almost no marketing, and it underperformed at the box office. Years later, strong word of mouth and home video turned it into one of the most beloved animated films ever made.

cinesthetic.

28,150 views • 1 month ago

Took a simple luxury watch concept and turned it into an interactive experience with Julius AI The watch transforms between different styles with a click, while keeping the experience clean, cinematic, and product-focused. Really fun turning a static concept into something you can actually interact with.

Took a simple luxury watch concept and turned it into an interactive experience with Julius AI The watch transforms between different styles with a click, while keeping the experience clean, cinematic, and product-focused. Really fun turning a static concept into something you can actually interact with.

Martian

11,106 views • 1 month ago

It took way longer than expected and turned into a bit of an origin story but here is: "Captain HaHaa reviews Prof Gary's Clone emporium and finds a crew" Made with Runway Aleph, Veo 3 and Nano Banana

It took way longer than expected and turned into a bit of an origin story but here is: "Captain HaHaa reviews Prof Gary's Clone emporium and finds a crew" Made with Runway Aleph, Veo 3 and Nano Banana

Captain HaHaa

39,408 views • 1 year ago

You can now clone any UI on the web and make it your own with one click. Just: - grab it with our Chrome extension - paste into Fusion - Type "adapt to our brand" Converts the UI to your design system and stack Links in reply:

Steve (Builder.io)

40,275 views • 1 year ago