# Micro Interaction components

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

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

- [Button](https://21st.dev/@originui/components/button/copy-button-with-tooltip.md) — by Origin UI
- [Animated State Icons](https://21st.dev/@dev.yadhakim/components/animated-state-icons.md) — by Yad Hakim
- [Animated Theme Toggler](https://21st.dev/@ruixen.ui/components/animated-theme-toggler.md) — by Ruixen UI
- [HolographicCard](https://21st.dev/@dhileepkumargm/components/holographic-card.md) — by Dhileep Kumar GM
- [Magnetic Button](https://21st.dev/@bundui/components/magnetic-button.md) — by Shadcn UI Kit
- [Curtain Theme Toggle](https://21st.dev/@fatih-developer/components/curtain-theme-toggle.md) — by Fatih
- [Lets Work Section](https://21st.dev/@jatin-yadav05/components/lets-work-section.md) — by Jatin Yadav
- [Hover Glow Button](https://21st.dev/@easemize/components/hover-glow-button.md) — by Hossain Jahed
- [Save Button](https://21st.dev/@Adurotimi/components/save-button.md) — by Dolphin
- [Interactive Hover Button](https://21st.dev/@Shatlyk1011/components/interactive-hover-button.md) — by Shatlyk1011
- [Theme Switch Button](https://21st.dev/@xubohuah/components/theme-switch-button.md) — by KainXu
- [Bouncy Toggle](https://21st.dev/@jatin-yadav05/components/bouncy-toggle.md) — by Jatin Yadav
- [Micro Expander](https://21st.dev/@iamsatish4564/components/micro-expander.md) — by iamsatish4564
- [Animated Check Box](https://21st.dev/@ringlabs/components/animated-check-box.md) — by ring labs
- [Heart Favorite](https://21st.dev/@moumensoliman/components/heart-favorite-shadcnui.md) — by Moumen Soliman
- [Ripple Button](https://21st.dev/@dillionverma/components/ripple-button.md) — by Dillion Verma
- [Magnetic](https://21st.dev/@ibelick/components/magnetic.md) — by Julien Thibeaut
- [pixel hover effect](https://21st.dev/@avanishverma4/components/pixel-hover-effect.md) — by Awanish Verma
- [Magnetic](https://21st.dev/@ibelick/components/magnetic/nested.md) — by Julien Thibeaut
- [Frame Button](https://21st.dev/@radiumcoders/components/frame-button.md) — by jay sharma
- [Heartbeat Effect Button](https://21st.dev/@shadcnspace/components/heartbeat-effect-button.md) — by ShadcnSpace
- [Micro Expander](https://21st.dev/@iamsatish4564/components/micro-expander/micro-expander.md) — by iamsatish4564
- [Micro Expander](https://21st.dev/@iamsatish4564/components/micro-expander/visual-variants.md) — by iamsatish4564
- [Spring Element](https://21st.dev/@arhamkhnz/components/spring-element.md) — by Arham Khan
- [Bookmark Icon Button](https://21st.dev/@ozantekin/components/bookmark-icon-button.md) — by SHSF UI
- [Animated Checkbox](https://21st.dev/@tom_ui/components/animated-checkbox.md) — by tom
- [Success Login Card](https://21st.dev/@ruixen.ui/components/success-login-card.md) — by Ruixen UI
- [Gamified Login Card](https://21st.dev/@ruixen.ui/components/gamified-login-card.md) — by Ruixen UI
- [Elastic Toggle Switch](https://21st.dev/@moumensoliman/components/elastic-switch-shadcnui.md) — by Moumen Soliman
- [Animated Subscribe Button](https://21st.dev/@dillionverma/components/animated-subscribe-button.md) — by Dillion Verma
- [Animated Arrow Button](https://21st.dev/@nextjsshop/components/animated-arrow-button.md) — by Nextjsshop
- [Sneaky Button](https://21st.dev/@nextjsshop/components/sneaky-button.md) — by Nextjsshop
- [Send Button](https://21st.dev/@m.umairwaheedansari/components/send-button.md) — by Umair Waheed
- [Reaction](https://21st.dev/@shutock/components/reaction/fire-or-poop.md) — by Denis
- [Reaction Chip](https://21st.dev/@jatin-yadav05/components/reaction-chip.md) — by Jatin Yadav
- [Button Magnetic](https://21st.dev/@uilayout.contact/components/button-magnetic.md) — by UI Layouts
- [Slot Text](https://21st.dev/@DanielWhit21874/components/slot-text.md) — by DanielWhit21874
- [Copy Button - Variants](https://21st.dev/@zochory/components/copy-button-variants/icon-only.md) — by Zachary BENSALEM
- [Exploding Input](https://21st.dev/@tom_ui/components/exploding-input.md) — by tom
- [Impossible Checkbox](https://21st.dev/@jh3yy_deleted/components/impossible-checkbox.md) — by jh3yy_deleted
- [Native Button](https://21st.dev/@moumensoliman/components/native-button.md) — by Moumen Soliman
- [GooeyPagination](https://21st.dev/@ruixen.ui/components/gooey-pagination.md) — by Ruixen UI
- [Premium Verification Widget](https://21st.dev/@jatin-yadav05/components/premium-verification-widget.md) — by Jatin Yadav
- [Native Button](https://21st.dev/@moumensoliman/components/native-button/loading.md) — by Moumen Soliman
- [Native Button](https://21st.dev/@moumensoliman/components/native-button/glow.md) — by Moumen Soliman
- [Grid Button](https://21st.dev/@radiumcoders/components/grid-button.md) — by jay sharma
- [Native Button](https://21st.dev/@moumensoliman/components/native-button/disabled.md) — by Moumen Soliman
- [Native Button](https://21st.dev/@moumensoliman/components/native-button/outline.md) — by Moumen Soliman
- [ClickTriggerPathWave](https://21st.dev/@jatin-yadav05/components/click-trigger-path-wave.md) — by Jatin Yadav
- [BeUI Action Swap](https://21st.dev/@saurabh10102/components/be-ui-action-swap.md) — by Saurabh Chauhan
- [Dynamic Button](https://21st.dev/@dqnamo/components/dynamic-button.md) — by dqnamo
- [MultiState Morph Button](https://21st.dev/@ruixen.ui/components/multi-state-morph-button.md) — by Ruixen UI
- [Expandable Button](https://21st.dev/@molecule-lab-rushil/components/expandable-button/expandable-group-demo.md) — by Rushil Dhinoja
- [Toggle Switch Glass](https://21st.dev/@zochory/components/toggle-switch-glass.md) — by Zachary BENSALEM
- [Ripple Effect creator](https://21st.dev/@easemize/components/ripple-effect-creator.md) — by Hossain Jahed
- [Expandable Button](https://21st.dev/@molecule-lab-rushil/components/expandable-button.md) — by Rushil Dhinoja
- [Text Roll](https://21st.dev/@soralabs/components/text-roll.md) — by Sora UI
- [Toggle Switch Glass](https://21st.dev/@zochory/components/toggle-switch-glass/large.md) — by Zachary BENSALEM
- [Dynamic Button](https://21st.dev/@dqnamo/components/dynamic-button/processing-primary.md) — by dqnamo
- [Dynamic Button](https://21st.dev/@dqnamo/components/dynamic-button/copy-primary.md) — by dqnamo

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