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.

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 Aufrufe • vor 21 Stunden •via X (Twitter)

Bildung Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

48 Kommentare

Profilbild von Den

Denvor 21 Stunden

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

Profilbild von David Haz

David Hazvor 21 Stunden

Yes, it was a much needed update I think

Profilbild von Den

Denvor 21 Stunden

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

Profilbild von Athrix ☄️

Athrix ☄️vor 20 Stunden

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

Profilbild von Berlin

Berlinvor 21 Stunden

Banger 🎉🎉

Profilbild von Dev

Devvor 18 Stunden

goattt!!!

Profilbild von David Haz

David Hazvor 17 Stunden

🫡🙏

Profilbild von Julian Schubert

Julian Schubertvor 21 Stunden

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

Profilbild von David Haz

David Hazvor 21 Stunden

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

Profilbild von Julian Schubert

Julian Schubertvor 21 Stunden

Even better! :D

Profilbild von Khalid

Khalidvor 21 Stunden

Banger 🔥

Profilbild von David Haz

David Hazvor 21 Stunden

Thank you!

Profilbild von joacod

joacodvor 19 Stunden

I was no expecting this but it looks amazing

Profilbild von David Haz

David Hazvor 18 Stunden

thank you! Expect the unexpected :D

Profilbild von komet💫

komet💫vor 17 Stunden

🔥i see what you did there, fire

Profilbild von David Haz

David Hazvor 17 Stunden

🙏

Profilbild von Loki

Lokivor 18 Stunden

Much needed

Profilbild von dromzeh

dromzehvor 21 Stunden

🔥🔥🔥!!!

Profilbild von David Haz

David Hazvor 21 Stunden

🙏

Profilbild von E. Emmmah

E. Emmmahvor 20 Stunden

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

Profilbild von David Haz

David Hazvor 19 Stunden

Glad you like it!

Profilbild von Abdullah Mukadam

Abdullah Mukadamvor 21 Stunden

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

Profilbild von David Haz

David Hazvor 21 Stunden

Thank you! Much more coming! 👀🫡

Profilbild von Wes Smithe

Wes Smithevor 21 Stunden

Wake Slider 😍

Profilbild von David Haz

David Hazvor 21 Stunden

Smooooth

Profilbild von Fabio Roma

Fabio Romavor 20 Stunden

Little things make the whole.

Profilbild von Fabian Albert

Fabian Albertvor 21 Stunden

sweet

Profilbild von David Haz

David Hazvor 21 Stunden

Thank you!

Profilbild von Gursahb Singh

Gursahb Singhvor 18 Stunden

Let’s go 🙌🔥

Profilbild von David Haz

David Hazvor 17 Stunden

🔥🔥🚀

Profilbild von Salise

Salisevor 21 Stunden

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

Profilbild von Vladyslav | Mobile Apps

Vladyslav | Mobile Appsvor 21 Stunden

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

Profilbild von David Haz

David Hazvor 21 Stunden

it was a good guess then! 👀

Profilbild von The Doctor

The Doctorvor 21 Stunden

This is really nice!!!

Profilbild von David Haz

David Hazvor 21 Stunden

Thank you!

Profilbild von 0xA

0xAvor 20 Stunden

Man you be dropping things hella early lmao Looks gooooood

Profilbild von David Haz

David Hazvor 20 Stunden

What do you mean it’s 12PM 😭

Profilbild von 0xA

0xAvor 20 Stunden

Yeah you right my sleep schedule is shit lol😭

Profilbild von Alper Ortac

Alper Ortacvor 20 Stunden

Love those! Will definitely use some of them very soon

Profilbild von David Haz

David Hazvor 20 Stunden

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

Profilbild von João Vitor

João Vitorvor 18 Stunden

sweeeeeet 🤌

Profilbild von Jahir Sheikh

Jahir Sheikhvor 20 Stunden

This is dope 🔥🫡

Profilbild von David Haz

David Hazvor 20 Stunden

Glad you like it! 🫡

Profilbild von Aniket Pawar

Aniket Pawarvor 20 Stunden

😮‍💨

Profilbild von Neekhil Vatsa

Neekhil Vatsavor 17 Stunden

nice. Similar but for your architecture

Profilbild von Ayush Lagun

Ayush Lagunvor 21 Stunden

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

Profilbild von Krishna Singh

Krishna Singhvor 21 Stunden

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

Profilbild von Alex · AI & UX

Alex · AI & UXvor 17 Stunden

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?

Ähnliche Videos

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

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

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

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 Aufrufe • vor 27 Tagen

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

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

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

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 Aufrufe • vor 13 Tagen

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

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

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

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

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

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

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

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

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

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

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