# Micro Interaction components

> Browse 10 Micro Interaction components for React, styled with Tailwind CSS and ready for your Next.js project.

72 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/micro-interaction.

- [Sun Moon Dark Mode Theme Toggle](https://21st.dev/@dhxwhy/components/sun-moon-theme-toggle.md) — by DHxWhy
- [Native Button](https://21st.dev/@moumensoliman/components/native-button/loading.md) — by Moumen Soliman
- [Hover Glow Button](https://21st.dev/@jahed/components/hover-glow-button.md) — by Hossain Jahed
- [Send Button](https://21st.dev/@m.umairwaheedansari/components/send-button.md) — by Umair Waheed
- [Text Card Flick](https://21st.dev/@nikolas-sapa/components/text-card-flick.md) — by nikolas-sapa
- [Heart Favorite](https://21st.dev/@moumensoliman/components/heart-favorite-shadcnui.md) — by Moumen Soliman
- [Animated State Icons](https://21st.dev/@dev.yadhakim/components/animated-state-icons.md) — by Yad Hakim
- [Spring Element](https://21st.dev/@arhamkhnz/components/spring-element.md) — by Arham Khan
- [Action Swap Cascade](https://21st.dev/@starc007/components/action-swap-cascade.md) — by Saurabh
- [Add to Cart Button](https://21st.dev/@bidyut10/components/add-to-cart-button.md) — by bidyut10
- [Ripple Button](https://21st.dev/@ddoemonn/components/ripple.md) — by Özer
- [Toggle Switch Glass](https://21st.dev/@zochory/components/toggle-switch-glass.md) — by Zachary BENSALEM
- [pixel hover effect](https://21st.dev/@avanishverma4/components/pixel-hover-effect.md) — by Awanish Verma
- [Animated Check Box](https://21st.dev/@ringlabs/components/animated-check-box.md) — by ring labs
- [Button Magnetic](https://21st.dev/@uilayout.contact/components/button-magnetic.md) — by ui layout
- [Icon Swap](https://21st.dev/@ncdai/components/icon-swap.md) — by Chánh Đại
- [Message Circle Heart Icon](https://21st.dev/@skyleen77/components/icons-message-circle-heart.md) — by Elliot Sutton
- [Micro Expander](https://21st.dev/@iamsatish4564/components/micro-expander/micro-expander.md) — by iamsatish4564
- [HolographicCard](https://21st.dev/@dhileepkumargm/components/holographic-card.md) — by Dhileep Kumar GM
- [Copy With Confirmation](https://21st.dev/@ibrandify/components/copy-with-confirmation.md) — by Waqar H. Syed
- [Curtain Theme Toggle](https://21st.dev/@fatih-developer/components/curtain-theme-toggle.md) — by Fatih
- [Download Button](https://21st.dev/@bidyut10/components/download-button.md) — by bidyut10
- [Reaction](https://21st.dev/@shutock/components/reaction/fire-or-poop.md) — by Denis Shatilov
- [Impossible Checkbox](https://21st.dev/@jh3yy_deleted/components/impossible-checkbox.md) — by jh3yy_deleted
- [Native Button](https://21st.dev/@moumensoliman/components/native-button/glow.md) — by Moumen Soliman
- [Toggle Switch Glass](https://21st.dev/@zochory/components/toggle-switch-glass/large.md) — by Zachary BENSALEM
- [Like Burst](https://21st.dev/@ddoemonn/components/like-burst.md) — by Özer
- [Magnetic Button](https://21st.dev/@bundui/components/magnetic-button.md) — by Bundui.io
- [Chevrons Up Down Icon](https://21st.dev/@ncdai/components/chevrons-up-down-icon.md) — by Chánh Đại
- [Copy Button - Variants](https://21st.dev/@zochory/components/copy-button-variants/icon-only.md) — by Zachary BENSALEM
- [Expanding Arrow Button](https://21st.dev/@starc007/components/expanding-arrow-button.md) — by Saurabh
- [Expandable Button](https://21st.dev/@molecule-lab-rushil/components/expandable-button.md) — by Rushil Dhinoja
- [Theme Switch Button](https://21st.dev/@xubohuah/components/theme-switch-button.md) — by Kain Xu
- [Magnetic](https://21st.dev/@ibelick/components/magnetic/nested.md) — by Julien Thibeaut
- [Button](https://21st.dev/@originui/components/button/copy-button-with-tooltip.md) — by Origin UI
- [Micro Expander](https://21st.dev/@iamsatish4564/components/micro-expander.md) — by iamsatish4564
- [Dynamic Button](https://21st.dev/@dqnamo/components/dynamic-button.md) — by dqnamo
- [BeUI Action Swap](https://21st.dev/@starc007/components/be-ui-action-swap.md) — by Saurabh
- [Lets Work Section](https://21st.dev/@jatin-yadav05/components/lets-work-section.md) — by Jatin Yadav
- [Elastic Toggle Switch](https://21st.dev/@moumensoliman/components/elastic-switch-shadcnui.md) — by Moumen Soliman
- [Liquid Connector](https://21st.dev/@zanwei/components/liquid-connector.md) — by zanwei
- [Bouncy Toggle](https://21st.dev/@jatin-yadav05/components/bouncy-toggle.md) — by Jatin Yadav
- [Mask Button](https://21st.dev/@lucasbassetti/components/mask-button/masks.md) — by lucasbassetti
- [Grid Button](https://21st.dev/@radiumcoders/components/grid-button.md) — by jay sharma
- [Animated Icon Buttons](https://21st.dev/@reuno-ui/components/skiper99.md) — by reuno-ui
- [Reaction Chip](https://21st.dev/@jatin-yadav05/components/reaction-chip.md) — by Jatin Yadav
- [Animated Checkbox](https://21st.dev/@tom_ui/components/animated-checkbox.md) — by tom
- [Interactive Hover Button](https://21st.dev/@Shatlyk1011/components/interactive-hover-button.md) — by Shatlyk1011
- [Native Button](https://21st.dev/@moumensoliman/components/native-button.md) — by Moumen Soliman
- [Magnetic](https://21st.dev/@ibelick/components/magnetic.md) — by Julien Thibeaut
- [Expandable Button](https://21st.dev/@molecule-lab-rushil/components/expandable-button/expandable-group-demo.md) — by Rushil Dhinoja
- [Micro Expander](https://21st.dev/@iamsatish4564/components/micro-expander/visual-variants.md) — by iamsatish4564
- [Mask Button](https://21st.dev/@lucasbassetti/components/mask-button.md) — by lucasbassetti
- [Animated Arrow Button](https://21st.dev/@nextjsshop/components/animated-arrow-button.md) — by nextjs shop
- [Text Fall Button](https://21st.dev/@paceui/components/text-fall-button.md) — by Pace UI
- [Sneaky Button](https://21st.dev/@nextjsshop/components/sneaky-button.md) — by nextjs shop
- [Slot Text](https://21st.dev/@DanielWhit21874/components/slot-text.md) — by DanielWhit21874
- [Magnetic](https://21st.dev/@kevingirelli/components/magnetic.md) — by kevingirelli
- [Success Login Card](https://21st.dev/@ruixen.ui/components/success-login-card.md) — by Ruixen
- [Bookmark Icon Button](https://21st.dev/@ozantekin/components/bookmark-icon-button.md) — by Ozan

Full component directory: https://21st.dev/llms.txt