Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 2 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

Teddy Ni profil fotoğrafı
Teddy Ni2 yıl önce

Check out Aceternity UI:

Teddy Ni profil fotoğrafı
Teddy Ni2 yıl önce

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

DanVilela profil fotoğrafı
DanVilela2 yıl önce

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

Teddy Ni profil fotoğrafı
Teddy Ni2 yıl önce

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 🇺🇸 profil fotoğrafı
Cody James 🇺🇸2 yıl önce

@mannupaaji @mannupaaji is a legend!

Teddy Ni profil fotoğrafı
Teddy Ni2 yıl önce

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

Lailla profil fotoğrafı
Lailla2 yıl önce

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

nico profil fotoğrafı
nico2 yıl önce

did you look at the outrageous pricing 🤣

Teddy Ni profil fotoğrafı
Teddy Ni2 yıl önce

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 profil fotoğrafı
Alejandro2 yıl önce

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

Teddy Ni profil fotoğrafı
Teddy Ni2 yıl önce

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

Benzer Videolar

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 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

🚀 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 görüntüleme • 2 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

✨ 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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce