Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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

Teddy Ni

4,113 subscribers

247,774 Aufrufe • vor 2 Jahren •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Teddy Ni

Teddy Nivor 2 Jahren

Check out Aceternity UI:

Profilbild von Teddy Ni

Teddy Nivor 2 Jahren

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

Profilbild von DanVilela

DanVilelavor 2 Jahren

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

Profilbild von Teddy Ni

Teddy Nivor 2 Jahren

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

Profilbild von Cody James 🇺🇸

Cody James 🇺🇸vor 2 Jahren

@mannupaaji @mannupaaji is a legend!

Profilbild von Teddy Ni

Teddy Nivor 2 Jahren

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

Profilbild von Lailla

Laillavor 2 Jahren

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

Profilbild von nico

nicovor 2 Jahren

did you look at the outrageous pricing 🤣

Profilbild von Teddy Ni

Teddy Nivor 2 Jahren

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

Profilbild von Alejandro

Alejandrovor 2 Jahren

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

Profilbild von Teddy Ni

Teddy Nivor 2 Jahren

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

Ähnliche 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 🔁

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 Aufrufe • vor 2 Jahren

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!

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 Aufrufe • vor 2 Jahren

🚀 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.

🚀 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 Aufrufe • vor 2 Monaten

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.

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 Aufrufe • vor 2 Jahren

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.

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 Aufrufe • vor 1 Jahr

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

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

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

55,776 Aufrufe • vor 2 Monaten

✨ 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

✨ 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 Aufrufe • vor 2 Jahren

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:

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 Aufrufe • vor 1 Monat

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 💜

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 Aufrufe • vor 2 Monaten

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 ❤️

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 Aufrufe • vor 7 Monaten

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 💜

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 Aufrufe • vor 8 Monaten

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

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 Aufrufe • vor 5 Monaten

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

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 2 Monaten

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

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 Aufrufe • vor 1 Jahr

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.

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 Aufrufe • vor 2 Jahren

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!!!!!!!!!!!!

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 Aufrufe • vor 4 Monaten

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!!! 🥰🥰🥰

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 Aufrufe • vor 3 Jahren

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.

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 Aufrufe • vor 1 Jahr

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.

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 Aufrufe • vor 2 Jahren