Loading video...

Video Failed to Load

Go Home

Wow, this site is an ABSOLUTE GOLDMINE for design engineers. It's a huge collection of micro-interactions / animations, all with their respective source code for you to copy and paste. Love to see such an amazing display of my favorite package, framer-motion

Teddarific's profile picture

Teddy Ni

4,113 subscribers

247,774 views • 2 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

11 Comments

Teddy Ni's profile picture
Teddy Ni2 years ago

Check out Aceternity UI:

Teddy Ni's profile picture
Teddy Ni2 years ago

And here’s the legend behind it all: @mannupaaji

DanVilela's profile picture
DanVilela2 years ago

Pricing starts at 2k per month and go to 10k 💀

Teddy Ni's profile picture
Teddy Ni2 years ago

I think Aceternity is primarily an agency which that pricing is for, but this site of theirs is all free! Huge fan of them contributing this site for free to the community

Cody James 🇺🇸's profile picture
Cody James 🇺🇸2 years ago

@mannupaaji @mannupaaji is a legend!

Teddy Ni's profile picture
Teddy Ni2 years ago

@mannupaaji Ah!! @mannupaaji thanks for making this open to the community!!

Lailla's profile picture
Lailla2 years ago

Love this! Would be great to see it support React native as well! @mannupaaji

nico's profile picture
nico2 years ago

did you look at the outrageous pricing 🤣

Teddy Ni's profile picture
Teddy Ni2 years ago

Nothing outrageous about it IMO. You're paying for a top-notch website. I think its amazing that they've sharing all these components + source for free to the community

Alejandro's profile picture
Alejandro2 years ago

Thanks Teddy! Absolutely a Goldmine. 👏👏 Thanks for share bro!

Teddy Ni's profile picture
Teddy Ni2 years ago

of course! all credit has to go to the creators of the page though, i just took a video 😂

Related Videos

Copy, paste, ship 🚀 Delighted to announce that framer.⁠today is now available for everyone — it's a live marketplace of totally free, do-what-you-want components, overrides, and no-code resources for Framer. No sign up necessary. Show some love with an RT 🔁
0:49

Copy, paste, ship 🚀 Delighted to announce that framer.⁠today is now available for everyone — it's a live marketplace of totally free, do-what-you-want components, overrides, and no-code resources for Framer. No sign up necessary. Show some love with an RT 🔁

Joe Lee

37,687 views • 2 years ago

My 4-hour Framer course is out and it's completely free! - Step-by-step and beginner-friendly - Extensive Figma to Framer workflow - Generate layouts with AI + experimentations - Effects, scroll interactions, animations, 3d - Components and lots of resources Final site: Figma template: Framer remix: Huge thanks to Framer for sponsoring this course!
3:07

My 4-hour Framer course is out and it's completely free! - Step-by-step and beginner-friendly - Extensive Figma to Framer workflow - Generate layouts with AI + experimentations - Effects, scroll interactions, animations, 3d - Components and lots of resources Final site: Figma template: Framer remix: Huge thanks to Framer for sponsoring this course!

Meng To

101,064 views • 2 years ago

🚀 Introducing A collection of top quality free & open-source dashboard components, blocks and layouts built with shadcn/ui & Base UI ✅ Open-source dashboard components & blocks ✅ Beautiful admin dashboard template ✅ Copy & paste with shadcn/ui ✅ Pre-Built AI Prompts ✅ MCP Server ✅ Production-ready code Huge thanks to shadcn for creating such an amazing ecosystem ❤️ 🔗 Would love your feedback.
3:49

🚀 Introducing A collection of top quality free & open-source dashboard components, blocks and layouts built with shadcn/ui & Base UI ✅ Open-source dashboard components & blocks ✅ Beautiful admin dashboard template ✅ Copy & paste with shadcn/ui ✅ Pre-Built AI Prompts ✅ MCP Server ✅ Production-ready code Huge thanks to shadcn for creating such an amazing ecosystem ❤️ 🔗 Would love your feedback.

Sunil Joshi

68,092 views • 2 months ago

We make the tools. You make the magic. 💚 A collection of our favourite GSAP-powered animations and interactions from this year... and wow. What a year it's been. Honoured to serve such an inspiring community.
2:05

We make the tools. You make the magic. 💚 A collection of our favourite GSAP-powered animations and interactions from this year... and wow. What a year it's been. Honoured to serve such an inspiring community.

GSAP

88,614 views • 2 years ago

Greatest mobile interactive design inspiration. Designers, I found this insane website for mobile interactive design inspiration. 60fps is a curated showcase of top-tier animations and interactions from the best iOS, Android, and web apps, perfect for anyone obsessed with motion and micro-interactions.
1:04

Greatest mobile interactive design inspiration. Designers, I found this insane website for mobile interactive design inspiration. 60fps is a curated showcase of top-tier animations and interactions from the best iOS, Android, and web apps, perfect for anyone obsessed with motion and micro-interactions.

Abraham John 🦄🦓

40,935 views • 1 year ago

we just shipped a fresh look for with a huge amount of animations and micro-interactions to explore ✨
0:28

we just shipped a fresh look for with a huge amount of animations and micro-interactions to explore ✨

؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

55,776 views • 2 months ago

✨ Aceternity UI Huge collection of stunning free website effects, animations, and components. Code is ready to copy and paste 🙌 Crafted by Manu Arora Link below 👇 #webdesign #ux
0:24

✨ Aceternity UI Huge collection of stunning free website effects, animations, and components. Code is ready to copy and paste 🙌 Crafted by Manu Arora Link below 👇 #webdesign #ux

Adham Dannaway

103,185 views • 2 years ago

Introducing Motion Anime. A curated collection of springs, skids, fluid micro-interactions for your UI. Now you can add beautiful, interactive charts to your app with a single CLI command. ✨ Part of Amicro. Open source. Try it:
1:10

Introducing Motion Anime. A curated collection of springs, skids, fluid micro-interactions for your UI. Now you can add beautiful, interactive charts to your app with a single CLI command. ✨ Part of Amicro. Open source. Try it:

Kiyotaka

119,857 views • 1 month ago

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜
1:01

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜

Abraham John 🦄🦓

26,989 views • 2 months ago

This is why I love performers like Beyoncé. This was such an amazing display of her real-time musical muscle memory and improvisation. Props to the guitarist for keeping up with her ❤️
1:11

This is why I love performers like Beyoncé. This was such an amazing display of her real-time musical muscle memory and improvisation. Props to the guitarist for keeping up with her ❤️

Makayla~

18,189 views • 7 months ago

UI/UX Designers, you need to see this. I just discovered a website called Design Spells, it collects beautifully crafted UI animations and micro-interactions in one place. Clean, subtle, and incredibly satisfying to watch. I could honestly watch these all day. Perfect for inspiration when refining motion, transitions, and interaction details. Bookmark it; you will love it 💜
0:21

UI/UX Designers, you need to see this. I just discovered a website called Design Spells, it collects beautifully crafted UI animations and micro-interactions in one place. Clean, subtle, and incredibly satisfying to watch. I could honestly watch these all day. Perfect for inspiration when refining motion, transitions, and interaction details. Bookmark it; you will love it 💜

Abraham John 🦄🦓

49,833 views • 8 months ago

Announcing DiffKit: A fast, design-first GitHub dashboard for developers who want to stay on top of their pull requests, issues, and code reviews — without the noise. It's free an open-source
0:49

Announcing DiffKit: A fast, design-first GitHub dashboard for developers who want to stay on top of their pull requests, issues, and code reviews — without the noise. It's free an open-source

alan

24,013 views • 5 months ago

LOYALTY unboxed! My first copies of LOYALTY just arrived!! It's such a special moment when an author gets to see a book for the first time, and I wanted to share the moment with you! Because, without you, my amazing, loyal readers, none of this would be possible! #grateful
2:06

LOYALTY unboxed! My first copies of LOYALTY just arrived!! It's such a special moment when an author gets to see a book for the first time, and I wanted to share the moment with you! Because, without you, my amazing, loyal readers, none of this would be possible! #grateful

Lisa Scottoline

23,590 views • 3 years ago

medical profile dashboard design for BoardUI Design System lots of subtle micro-interactions and data visualization in this one. designed by hand and coded all with claude opus 4.8. which component or page you’d like to see next? 🤞🏻
0:44

medical profile dashboard design for BoardUI Design System lots of subtle micro-interactions and data visualization in this one. designed by hand and coded all with claude opus 4.8. which component or page you’d like to see next? 🤞🏻

Mertcan

14,290 views • 2 months ago

Stumbled on Vercel’s creative design team page and instantly fell in love with the design, animations, and micro-interactions. So I decided to take a shot at it, recreating the experience for a fictional company called Varxell, with my own spin on everything except the design itself + I didn’t touch any of their assets. Everything was hand-coded from scratch, and every single asset was recreated in Figma. It was a fun challenge. Built with: • React • TypeScript • Vite • Framer Motion Live site: • • Repo: • Every page functionality and animation was implemented as a reusable hook, with internal JSDoc to make it easy to reuse in your own projects or remix however you like. Got any questions? Feel free to shoot me a DM
1:50

Stumbled on Vercel’s creative design team page and instantly fell in love with the design, animations, and micro-interactions. So I decided to take a shot at it, recreating the experience for a fictional company called Varxell, with my own spin on everything except the design itself + I didn’t touch any of their assets. Everything was hand-coded from scratch, and every single asset was recreated in Figma. It was a fun challenge. Built with: • React • TypeScript • Vite • Framer Motion Live site: • • Repo: • Every page functionality and animation was implemented as a reusable hook, with internal JSDoc to make it easy to reuse in your own projects or remix however you like. Got any questions? Feel free to shoot me a DM

David Herbert👨🏽‍💻🚀

23,755 views • 1 year ago

I started a company! Introducing Melty, an open source AI code editor for 10x engineers. It's the first editor that understands what you’re doing from the terminal to GitHub and collaborates with you to write production-ready code.
0:46

I started a company! Introducing Melty, an open source AI code editor for 10x engineers. It's the first editor that understands what you’re doing from the terminal to GitHub and collaborates with you to write production-ready code.

Charlie Holtz

582,738 views • 2 years ago

ITS MY BIRTHDAYYYY!!!!!!!!!!!!!!!!!!!!!!!! I LOVE YOU ALL SO MUCH THANK YOU FOR SUCH AN AMAZING JOURNEY SO FAR WITH ALL YOUR LOVE AND SUPPORT, I CANT WAIT TO KEEP GOING!!!!!!!!!!!!
0:27

ITS MY BIRTHDAYYYY!!!!!!!!!!!!!!!!!!!!!!!! I LOVE YOU ALL SO MUCH THANK YOU FOR SUCH AN AMAZING JOURNEY SO FAR WITH ALL YOUR LOVE AND SUPPORT, I CANT WAIT TO KEEP GOING!!!!!!!!!!!!

ella boingy

14,275 views • 4 months ago

The screening for #JeeKarda was an absolute blast! 💥 Thank you all for the incredible love and support. 🙏🏻 I'm thrilled to have each and every one of you join me on this amazing journey and I can’t wait for all of you to watch this show!!! 🥰🥰🥰
0:45

The screening for #JeeKarda was an absolute blast! 💥 Thank you all for the incredible love and support. 🙏🏻 I'm thrilled to have each and every one of you join me on this amazing journey and I can’t wait for all of you to watch this show!!! 🥰🥰🥰

Tamannaah Bhatia

478,838 views • 3 years ago

Follow this video to learn how to build a simple AI agent without writing any code. I'm using Langflow. In my opinion, it's the best tool I've found for building agents. It's open-source, comes with a huge list of reusable components, and provides an awesome experience for builders.
16:29

Follow this video to learn how to build a simple AI agent without writing any code. I'm using Langflow. In my opinion, it's the best tool I've found for building agents. It's open-source, comes with a huge list of reusable components, and provides an awesome experience for builders.

Santiago

73,959 views • 1 year ago

Gallery. Made with Tailwind and Framer Motion. Navigation inspired by Manrope. Thanks to Hari · animata.design for the challenge. Hari is building an easy-to-install, open-source interaction library with hundreds of hand-crafted components. Check it out if that seems relevant to you.
0:20

Gallery. Made with Tailwind and Framer Motion. Navigation inspired by Manrope. Thanks to Hari · animata.design for the challenge. Hari is building an easy-to-install, open-source interaction library with hundreds of hand-crafted components. Check it out if that seems relevant to you.

Preet

17,363 views • 2 years ago