正在加载视频...

视频加载失败

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

Introducing React Bits: Micro A brand new category for micro-interactions, launching with 30 free, customizable components. Smooth motion, subtle details, and playful interactions designed to make your UI feel alive. Live now. Try it out:

David Haz

11,496 subscribers

69,777 次观看 • 20 小时前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

48 条评论

Den 的头像

Den20 小时前

Nice drop. Micro-interactions are the layer most kits skip. I’ve been shipping crafts on my side too, still adding.

David Haz 的头像

David Haz20 小时前

Yes, it was a much needed update I think

Den 的头像

Den20 小时前

Same. I generate a lot of UI with AI. Motion and feel is where it still falls behind.

Athrix ☄️ 的头像

Athrix ☄️19 小时前

Loved this man!!🫡 i'm also making mircoanimations for obsidianui from past few days

Berlin 的头像

Berlin20 小时前

Banger 🎉🎉

Dev 的头像

Dev17 小时前

goattt!!!

David Haz 的头像

David Haz16 小时前

🫡🙏

Julian Schubert 的头像

Julian Schubert20 小时前

I hope you will do the same for React Bits Pro as well. Would be great!

David Haz 的头像

David Haz20 小时前

Good idea! I should, but I also have much bigger plans for RBP 🙈

Julian Schubert 的头像

Julian Schubert20 小时前

Even better! :D

Khalid 的头像

Khalid20 小时前

Banger 🔥

David Haz 的头像

David Haz20 小时前

Thank you!

joacod 的头像

joacod17 小时前

I was no expecting this but it looks amazing

David Haz 的头像

David Haz17 小时前

thank you! Expect the unexpected :D

komet💫 的头像

komet💫16 小时前

🔥i see what you did there, fire

David Haz 的头像

David Haz16 小时前

🙏

Loki 的头像

Loki17 小时前

Much needed

dromzeh 的头像

dromzeh20 小时前

🔥🔥🔥!!!

David Haz 的头像

David Haz20 小时前

🙏

E. Emmmah 的头像

E. Emmmah19 小时前

I love the branched menu, let me find a use case for it :)

David Haz 的头像

David Haz18 小时前

Glad you like it!

Abdullah Mukadam 的头像

Abdullah Mukadam20 小时前

Bro is about to mog every other micro interactions library , btw congrats for the launch ❤️

David Haz 的头像

David Haz20 小时前

Thank you! Much more coming! 👀🫡

Wes Smithe 的头像

Wes Smithe20 小时前

Wake Slider 😍

David Haz 的头像

David Haz20 小时前

Smooooth

Fabio Roma 的头像

Fabio Roma19 小时前

Little things make the whole.

Fabian Albert 的头像

Fabian Albert20 小时前

sweet

David Haz 的头像

David Haz20 小时前

Thank you!

Gursahb Singh 的头像

Gursahb Singh17 小时前

Let’s go 🙌🔥

David Haz 的头像

David Haz16 小时前

🔥🔥🚀

Salise 的头像

Salise20 小时前

30 customizable components is a great start. excited to see how they bring UI to life!

Vladyslav | Mobile Apps 的头像

Vladyslav | Mobile Apps20 小时前

"not so sure" 🤔 I knew it :) Micro interactions were a perfect next category for react bits

David Haz 的头像

David Haz20 小时前

it was a good guess then! 👀

The Doctor 的头像

The Doctor20 小时前

This is really nice!!!

David Haz 的头像

David Haz20 小时前

Thank you!

0xA 的头像

0xA19 小时前

Man you be dropping things hella early lmao Looks gooooood

David Haz 的头像

David Haz19 小时前

What do you mean it’s 12PM 😭

0xA 的头像

0xA19 小时前

Yeah you right my sleep schedule is shit lol😭

Alper Ortac 的头像

Alper Ortac19 小时前

Love those! Will definitely use some of them very soon

David Haz 的头像

David Haz19 小时前

Thank you! Planning to add a few more in the next days

João Vitor 的头像

João Vitor17 小时前

sweeeeeet 🤌

Jahir Sheikh 的头像

Jahir Sheikh19 小时前

This is dope 🔥🫡

David Haz 的头像

David Haz19 小时前

Glad you like it! 🫡

Aniket Pawar 的头像

Aniket Pawar19 小时前

😮‍💨

Neekhil Vatsa 的头像

Neekhil Vatsa16 小时前

nice. Similar but for your architecture

Ayush Lagun 的头像

Ayush Lagun20 小时前

30 free micro-interactions on day one is generous. most component libraries make you pay before you even see if the motion feels right

Krishna Singh 的头像

Krishna Singh20 小时前

somewhere, a product manager just added “playful” to the acceptance criteria 😅

Alex · AI & UX 的头像

Alex · AI & UX16 小时前

the ones i reach for are never the delight ones, they're the state change ones. a number that ticks instead of jumping, a toggle that shows it committed. does micro cover transitions between two states or is it mostly entrances?

相关视频

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:

Kiyotaka

199,670 次观看 • 2 个月前

Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful Loaders ,card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it:

Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful Loaders ,card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it:

Kiyotaka

263,971 次观看 • 1 个月前

Made with Figma Make. I paid more attention to micro interactions and smooth motion

Made with Figma Make. I paid more attention to micro interactions and smooth motion

Stefan

41,009 次观看 • 6 个月前

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

118,736 次观看 • 27 天前

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

I found a site that solves pretty much every subtle UI animation problem. In a crowded market, tiny micro-interactions make users fall in love with your app. This tool curates real UI magic you can steal for inspiration. Link:

I found a site that solves pretty much every subtle UI animation problem. In a crowded market, tiny micro-interactions make users fall in love with your app. This tool curates real UI magic you can steal for inspiration. Link:

Ruturaj

69,956 次观看 • 1 个月前

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 个月前

Found this if your UI still feels dead after you ship it. - React micro-interactions and transitions - Buttons, cards, loaders, you copy them in - CLI to add one at a time, open source link;

Found this if your UI still feels dead after you ship it. - React micro-interactions and transitions - Buttons, cards, loaders, you copy them in - CLI to add one at a time, open source link;

Manish Kumar

19,098 次观看 • 13 天前

🚀 Introducing React Bits Pro Build faster with: • 65 unique React components • 100+ smoothly animated UI blocks • 5 launch-ready templates For landing pages, launches, and product sites that need to stand out. Launch pricing is live for 1 month.

🚀 Introducing React Bits Pro Build faster with: • 65 unique React components • 100+ smoothly animated UI blocks • 5 launch-ready templates For landing pages, launches, and product sites that need to stand out. Launch pricing is live for 1 month.

David Haz

164,865 次观看 • 7 个月前

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 个月前

Introducing remocn/ui 😱 shadcn components, but for Remotion video No more building custom components, recording your screen, opening After Effects, and editing videos Now you can simply add a component to your code and turn it into a video Form filling, button clicks, select dropdown interactions, toast notifications, and 28 more components included 👇

Introducing remocn/ui 😱 shadcn components, but for Remotion video No more building custom components, recording your screen, opening After Effects, and editing videos Now you can simply add a component to your code and turn it into a video Form filling, button clicks, select dropdown interactions, toast notifications, and 28 more components included 👇

KapishDima

58,584 次观看 • 3 个月前

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Motion

175,674 次观看 • 1 个月前

This year, I helped create a new set of interactions for the Shortcuts editor, to make composing a shortcut feel lightweight and delightful. Try this out today with iOS 26 and iPadOS 26!

This year, I helped create a new set of interactions for the Shortcuts editor, to make composing a shortcut feel lightweight and delightful. Try this out today with iOS 26 and iPadOS 26!

Duraid Abdul

55,553 次观看 • 1 年前

A huge React Bits Pro update just dropped. 🗂️ 80 new UI blocks 📑 Major documentation improvements 🖼️ A brand-new landing page, changelog, and more You now get access to 100+ components, 238+ blocks, and 10+ full templates. A creative powerhouse for humans and agents.

David Haz

21,799 次观看 • 2 个月前

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

Introducing the all-new Jitter! 💫 With a completely new UI, tons of new features, and one mission: make motion design accessible to anyone. Check it out at

Introducing the all-new Jitter! 💫 With a completely new UI, tons of new features, and one mission: make motion design accessible to anyone. Check it out at

Jitter

302,896 次观看 • 3 年前

Added a few more details and a couple of interactions (+ sound) to the bathrooms. I'm pretty happy with it for now.

Added a few more details and a couple of interactions (+ sound) to the bathrooms. I'm pretty happy with it for now.

Gordon Zuchhold

16,936 次观看 • 8 个月前

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴

daniel petho

188,966 次观看 • 1 年前

Getting started with animation or looking to level up? In the first lesson of Mastering animations and interactions, @jatodaro breaks down why motion matters and how it makes your site clearer, smoother, and feel more alive.

Getting started with animation or looking to level up? In the first lesson of Mastering animations and interactions, @jatodaro breaks down why motion matters and how it makes your site clearer, smoother, and feel more alive.

Framer

12,792 次观看 • 1 年前