正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 2 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

11 条评论

Teddy Ni 的头像

Teddy Ni2 年前

Check out Aceternity UI:

Teddy Ni 的头像

Teddy Ni2 年前

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

DanVilela 的头像

DanVilela2 年前

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

Teddy Ni 的头像

Teddy Ni2 年前

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 🇺🇸 的头像

Cody James 🇺🇸2 年前

@mannupaaji @mannupaaji is a legend!

Teddy Ni 的头像

Teddy Ni2 年前

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

Lailla 的头像

Lailla2 年前

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

nico 的头像

nico2 年前

did you look at the outrageous pricing 🤣

Teddy Ni 的头像

Teddy Ni2 年前

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 的头像

Alejandro2 年前

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

Teddy Ni 的头像

Teddy Ni2 年前

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

相关视频

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 次观看 • 2 年前

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 次观看 • 2 年前

🚀 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 次观看 • 2 个月前

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 次观看 • 2 年前

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 次观看 • 1 年前

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 次观看 • 2 个月前

✨ 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 次观看 • 2 年前

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 次观看 • 1 个月前

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 次观看 • 2 个月前

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 次观看 • 7 个月前

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 次观看 • 8 个月前

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 次观看 • 5 个月前

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 次观看 • 3 年前

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 次观看 • 2 个月前

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 次观看 • 1 年前

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 次观看 • 2 年前

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 次观看 • 4 个月前

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 次观看 • 3 年前

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 次观看 • 1 年前

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 次观看 • 2 年前