# Click Animation components

> Browse 9 Click Animation components for React, styled with Tailwind CSS and ready for your Next.js project.

53 components available. Showing all of them below.

- [ClickTriggerPathWave](https://21st.dev/@jatin-yadav05/components/click-trigger-path-wave.md) — by Jatin Yadav
- [ClickTrigger](https://21st.dev/@jatin-yadav05/components/click-trigger.md) — by Jatin Yadav
- [Hero Shutter Text](https://21st.dev/@daiwiikharihar17147/components/hero-shutter-text.md) — by Daiwiik Harihar
- [Particle Button](https://21st.dev/@kokonutd/components/particle-button.md) — by Kokonut Baffier
- [Balloons](https://21st.dev/@serafimcloud/components/balloons/text.md) — by Serafim
- [Layout Grid](https://21st.dev/@manuarora700/components/layout-grid.md) — by Manu Arora
- [Background Ripple Effect](https://21st.dev/@manuarora700/components/background-ripple-effect.md) — by Manu Arora
- [Prompt Input dynamic grow](https://21st.dev/@zochory/components/prompt-input-dynamic-grow.md) — by Zachary BENSALEM
- [Glow Button](https://21st.dev/@waleedkibhen/components/glow-button.md) — by wisedev
- [Multi Type Ripple Buttons](https://21st.dev/@easemize/components/multi-type-ripple-buttons.md) — by Hossain Jahed
- [Morphing Dialog](https://21st.dev/@ibelick/components/morphing-dialog.md) — by Julien Thibeaut
- [Material Design 3 Ripple](https://21st.dev/@easemize/components/material-design-3-ripple.md) — by Hossain Jahed
- [Shatter Button](https://21st.dev/@koustubhayadiyala36/components/shatter-button.md) — by Kousthubha Yadiyala
- [Thanos snap effect](https://21st.dev/@bart-krakowski/components/thanos-snap-effect.md) — by Bartłomiej Krakowski
- [Animated Dropdown](https://21st.dev/@Shatlyk1011/components/animated-dropdown.md) — by Shatlyk1011
- [book slider](https://21st.dev/@aarispathan15/components/book-slider.md) — by Aaris Khan
- [Interactive Ripple Background](https://21st.dev/@erikvalencia1/components/interactive-ripple-background.md) — by Ruben
- [Ripple Button](https://21st.dev/@dillionverma/components/ripple-button.md) — by Dillion Verma
- [Pop Button](https://21st.dev/@tom_ui/components/pop-button.md) — by tom
- [Simple Growth Tree](https://21st.dev/@xubohuah/components/simple-growth-tree.md) — by KainXu
- [Bookmark Icon Button](https://21st.dev/@ozantekin/components/bookmark-icon-button.md) — by SHSF UI
- [ClickTriggerParticles](https://21st.dev/@jatin-yadav05/components/click-trigger-particles.md) — by Jatin Yadav
- [Ripple-Button](https://21st.dev/@n38693842/components/ripple-button.md) — by aayushhhh_here
- [Keyboard Keys](https://21st.dev/@jatin-yadav05/components/keyboard-keys.md) — by Jatin Yadav
- [Animated Subscribe Button](https://21st.dev/@dillionverma/components/animated-subscribe-button.md) — by Dillion Verma
- [Button Ui](https://21st.dev/@prebuiltui/components/button-ui/easy-access-buttons.md) — by prebuiltui
- [Button Ui](https://21st.dev/@prebuiltui/components/button-ui/flat-edge-buttons.md) — by prebuiltui
- [Dropdown](https://21st.dev/@antdesign/components/dropdown/trigger-mode.md) — by antdesign
- [Fluid Text Morph](https://21st.dev/@dhileepkumargm/components/fluid-text-morph.md) — by Dhileep Kumar GM
- [Generative Art](https://21st.dev/@h0bb5/components/generative-art.md) — by Dylan Hobbs
- [Highlight Button](https://21st.dev/@radiumcoders/components/highlight-button.md) — by jay sharma
- [Folder](https://21st.dev/@anish-1144/components/folder.md) — by Anish Mourya
- [Destructive Button](https://21st.dev/@drdruide/components/destructive-button.md) — by Eric
- [Like Button](https://21st.dev/@badtzx0/components/like-button.md) — by badtz
- [Cool Mode](https://21st.dev/@dillionverma/components/cool-mode.md) — by Dillion Verma
- [Reaction](https://21st.dev/@shutock/components/reaction/fire-or-poop.md) — by Denis
- [Flip Coin Button](https://21st.dev/@voxlet-ui/components/flip-coin-button.md) — by Voxlet UI
- [Brutal Button](https://21st.dev/@radiumcoders/components/brutal-button.md) — by jay sharma
- [Animated Review Card](https://21st.dev/@whyte25/components/animated-review-card/click-iterations-review-card.md) — by whyte25
- [Brutal Button](https://21st.dev/@radiumcoders/components/brutal-button/custom.md) — by jay sharma
- [Click Power Up](https://21st.dev/@radiumcoders/components/click-powerup.md) — by jay sharma
- [Shatterable Glass Card](https://21st.dev/@dhileepkumargm/components/shatterable-glass-card.md) — by Dhileep Kumar GM
- [Grid Button](https://21st.dev/@radiumcoders/components/grid-button.md) — by jay sharma
- [ConfettiButton](https://21st.dev/@ruixen.ui/components/confetti-button.md) — by Ruixen UI
- [Movie Pass Button](https://21st.dev/@radiumcoders/components/movie-pass.md) — by jay sharma
- [BeUI Action Swap](https://21st.dev/@saurabh10102/components/be-ui-action-swap.md) — by Saurabh Chauhan
- [Particle TextEffect](https://21st.dev/@designali-in/components/particle-text-effect.md) — by Ali Imam
- [Interactive Folder](https://21st.dev/@aghasisahakyan1/components/interactive-folder.md) — by Erik X
- [Ripple Effect creator](https://21st.dev/@easemize/components/ripple-effect-creator.md) — by Hossain Jahed
- [Dynamic Button](https://21st.dev/@dqnamo/components/dynamic-button/copy-secondary.md) — by dqnamo
- [Ripple Effect Generator](https://21st.dev/@easemize/components/ripple-effect-generator.md) — by Hossain Jahed
- [Zoomable Image](https://21st.dev/@inference-sh/components/zoomable-image.md) — by inference.sh
- [Reveal](https://21st.dev/@slide-cn/components/reveal.md) — by Slide-CN

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