Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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 görüntüleme • 21 saat önce •via X (Twitter)

Eğitim Bilim & Teknoloji

Anya Rossi• Live Now

Private livecam show

48 Yorum

Den profil fotoğrafı

Den21 saat önce

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

David Haz profil fotoğrafı

David Haz21 saat önce

Yes, it was a much needed update I think

Den profil fotoğrafı

Den21 saat önce

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

Athrix ☄️ profil fotoğrafı

Athrix ☄️20 saat önce

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

Berlin profil fotoğrafı

Berlin21 saat önce

Banger 🎉🎉

Dev profil fotoğrafı

Dev18 saat önce

goattt!!!

David Haz profil fotoğrafı

David Haz17 saat önce

🫡🙏

Julian Schubert profil fotoğrafı

Julian Schubert21 saat önce

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

David Haz profil fotoğrafı

David Haz21 saat önce

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

Julian Schubert profil fotoğrafı

Julian Schubert21 saat önce

Even better! :D

Khalid profil fotoğrafı

Khalid21 saat önce

Banger 🔥

David Haz profil fotoğrafı

David Haz21 saat önce

Thank you!

joacod profil fotoğrafı

joacod19 saat önce

I was no expecting this but it looks amazing

David Haz profil fotoğrafı

David Haz18 saat önce

thank you! Expect the unexpected :D

komet💫 profil fotoğrafı

komet💫17 saat önce

🔥i see what you did there, fire

David Haz profil fotoğrafı

David Haz17 saat önce

🙏

Loki profil fotoğrafı

Loki18 saat önce

Much needed

dromzeh profil fotoğrafı

dromzeh21 saat önce

🔥🔥🔥!!!

David Haz profil fotoğrafı

David Haz21 saat önce

🙏

E. Emmmah profil fotoğrafı

E. Emmmah20 saat önce

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

David Haz profil fotoğrafı

David Haz19 saat önce

Glad you like it!

Abdullah Mukadam profil fotoğrafı

Abdullah Mukadam21 saat önce

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

David Haz profil fotoğrafı

David Haz21 saat önce

Thank you! Much more coming! 👀🫡

Wes Smithe profil fotoğrafı

Wes Smithe21 saat önce

Wake Slider 😍

David Haz profil fotoğrafı

David Haz21 saat önce

Smooooth

Fabio Roma profil fotoğrafı

Fabio Roma20 saat önce

Little things make the whole.

Fabian Albert profil fotoğrafı

Fabian Albert21 saat önce

sweet

David Haz profil fotoğrafı

David Haz21 saat önce

Thank you!

Gursahb Singh profil fotoğrafı

Gursahb Singh18 saat önce

Let’s go 🙌🔥

David Haz profil fotoğrafı

David Haz17 saat önce

🔥🔥🚀

Salise profil fotoğrafı

Salise21 saat önce

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

Vladyslav | Mobile Apps profil fotoğrafı

Vladyslav | Mobile Apps21 saat önce

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

David Haz profil fotoğrafı

David Haz21 saat önce

it was a good guess then! 👀

The Doctor profil fotoğrafı

The Doctor21 saat önce

This is really nice!!!

David Haz profil fotoğrafı

David Haz21 saat önce

Thank you!

0xA profil fotoğrafı

0xA20 saat önce

Man you be dropping things hella early lmao Looks gooooood

David Haz profil fotoğrafı

David Haz20 saat önce

What do you mean it’s 12PM 😭

0xA profil fotoğrafı

0xA20 saat önce

Yeah you right my sleep schedule is shit lol😭

Alper Ortac profil fotoğrafı

Alper Ortac20 saat önce

Love those! Will definitely use some of them very soon

David Haz profil fotoğrafı

David Haz20 saat önce

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

João Vitor profil fotoğrafı

João Vitor18 saat önce

sweeeeeet 🤌

Jahir Sheikh profil fotoğrafı

Jahir Sheikh20 saat önce

This is dope 🔥🫡

David Haz profil fotoğrafı

David Haz20 saat önce

Glad you like it! 🫡

Aniket Pawar profil fotoğrafı

Aniket Pawar20 saat önce

😮‍💨

Neekhil Vatsa profil fotoğrafı

Neekhil Vatsa17 saat önce

nice. Similar but for your architecture

Ayush Lagun profil fotoğrafı

Ayush Lagun21 saat önce

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 profil fotoğrafı

Krishna Singh21 saat önce

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

Alex · AI & UX profil fotoğrafı

Alex · AI & UX17 saat önce

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?

Benzer Videolar

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

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

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

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 görüntüleme • 27 gün ö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 💜

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

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

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

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

🚀 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 görüntüleme • 7 ay ö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? 🤞🏻

Mertcan

14,290 görüntüleme • 2 ay önce

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

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

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

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

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

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

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

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

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