# Animation components > Enhance your interfaces with 304 React animation components, tailored for smooth transitions and engaging effects using Tailwind CSS. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/animation. - [Balloons](https://21st.dev/@serafimcloud/components/balloons/text.md) — by Serafim - [animation presence mode](https://21st.dev/@avanishverma4/components/animation-presence-mode.md) — by Awanish Verma - [CPU Architecture](https://21st.dev/@LegionWebDev/components/cpu-architecture.md) — by Legion Dev - [World Map](https://21st.dev/@manuarora700/components/world-map.md) — by Manu Arora - [Radar Effect](https://21st.dev/@manuarora700/components/radar-effect.md) — by Manu Arora - [Animated Beam](https://21st.dev/@dillionverma/components/animated-beam.md) — by Dillion Verma - [Glow Effect](https://21st.dev/@ibelick/components/glow-effect/glow-effect-button.md) — by Julien Thibeaut - [Border Beam](https://21st.dev/@dillionverma/components/border-beam.md) — by Dillion Verma - [Orbiting Skills](https://21st.dev/@olovajs/components/orbiting-skills.md) — by olova js - [Shining Text](https://21st.dev/@preetsuthar17/components/shining-text.md) — by Preet Suthar - [Shimmer Text](https://21st.dev/@tom_ui/components/shimmer-text.md) — by tom - [404 Page Not Found](https://21st.dev/@minhxthanh/components/404-page-not-found/page-not-found.md) — by Le Thanh - [Spinning Logos](https://21st.dev/@vaib215/components/spinning-logos.md) — by Vaibhav Kumar Singh - [Background Beams With Collision](https://21st.dev/@manuarora700/components/background-beams-with-collision.md) — by Manu Arora - [Potfolio Text](https://21st.dev/@jatin-yadav05/components/potfolio-text.md) — by Jatin Yadav - [Orbiting Circles](https://21st.dev/@dillionverma/components/orbiting-circles.md) — by Dillion Verma - [bento grid 01](https://21st.dev/@avanishverma4/components/bento-grid-01.md) — by Awanish Verma - [Animated Footer](https://21st.dev/@tahermaxse/components/animated-footer.md) — by Taher Hathi - [Animated Group](https://21st.dev/@ibelick/components/animated-group.md) — by Julien Thibeaut - [Border Trail](https://21st.dev/@ibelick/components/border-trail/with-inpit.md) — by Julien Thibeaut - [Meteors](https://21st.dev/@dillionverma/components/meteors.md) — by Dillion Verma - [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/zigzag-path.md) — by Preet Suthar - [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/bouncing-ball.md) — by Preet Suthar - [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/heart-shape.md) — by Preet Suthar - [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/loop-path.md) — by Preet Suthar - [Animated Gradient Text](https://21st.dev/@dillionverma/components/animated-gradient-text.md) — by Dillion Verma - [lever-switch](https://21st.dev/@theutkarshmail/components/lever-switch.md) — by Utkarsh Pandey - [Animated Search Bar](https://21st.dev/@aghasisahakyan1/components/animated-search-bar.md) — by Erik X - [Fishy Button](https://21st.dev/@maxim.bort.devel/components/fishy-button.md) — by Maxim Bortnikov - [Floating paths](https://21st.dev/@bundui/components/floating-paths.md) — by Shadcn UI Kit - [Text Roll](https://21st.dev/@ibelick/components/text-roll.md) — by Julien Thibeaut - [Orbiting Carousel with Animated Icons](https://21st.dev/@olovajs/components/orbiting-carousel-with-animated-icons.md) — by olova js - [Bouncing Balls](https://21st.dev/@designali-in/components/bouncing-balls.md) — by Ali Imam - [Radial Intro](https://21st.dev/@arhamkhnz/components/radial-intro.md) — by Arham Khan - [Animated Dots](https://21st.dev/@designali-in/components/animated-dots.md) — by Ali Imam - [pixel hover effect](https://21st.dev/@avanishverma4/components/pixel-hover-effect.md) — by Awanish Verma - [Transition Panel](https://21st.dev/@ibelick/components/transition-panel.md) — by Julien Thibeaut - [Animated Tiles](https://21st.dev/@designali-in/components/animated-tiles.md) — by Ali Imam - [Button Rotate](https://21st.dev/@designali-in/components/button-rotate.md) — by Ali Imam - [Split Text](https://21st.dev/@berlix/components/split-text.md) — by Berlix UI - [Axis](https://21st.dev/@airbnb-visx/components/axis.md) — by Airbnb - [Loop Animation Hook](https://21st.dev/@reuno-ui/components/loop-animation-hook.md) — by reuno-ui - [Poor Ghost](https://21st.dev/@dhileepkumargm/components/poor-ghost.md) — by Dhileep Kumar GM - [Animated Table rows](https://21st.dev/@arunachalam/components/animated-table-rows.md) — by Arunachalam - [VaporizeAnimationText](https://21st.dev/@xubohuah/components/vaporize-animation-text.md) — by KainXu - [Arrow Dots Button](https://21st.dev/@nextjsshop/components/arrow-dots-button.md) — by Nextjsshop - [Pie chart](https://21st.dev/@airbnb-visx/components/pie-chart.md) — by Airbnb - [download-animation](https://21st.dev/@n38693842/components/download-animation.md) — by aayushhhh_here - [Skeleton](https://21st.dev/@hero_ui/components/skeleton/animation-types.md) — by Hero Ui - [Highlighted Text](https://21st.dev/@tom_ui/components/highlighted-text.md) — by tom - [Globe](https://21st.dev/@samsiavoshian2009/components/globe.md) — by Sam siavoshian - [tech-curosr](https://21st.dev/@mdafsarx/components/tech-curosr.md) — by Md afsar mahmud - [Kinetic Log Stream](https://21st.dev/@dhileepkumargm/components/kinetic-log-stream.md) — by Dhileep Kumar GM - [Liquid Metal](https://21st.dev/@paper-design/components/liquid-metal.md) — by Paper Shaders - [Pulsing Border](https://21st.dev/@paper-design/components/pulsing-border.md) — by Paper Shaders - [Circle Progress](https://21st.dev/@hihahihahoho/components/circle-progress/animated.md) — by oc tung - [Morhic Background](https://21st.dev/@easemize/components/morhic-background.md) — by Hossain Jahed - [Dance Text Animation](https://21st.dev/@minhxthanh/components/dance-text-animation.md) — by Le Thanh - [ASCII Cube](https://21st.dev/@montekkundan/components/ascii-cube.md) — by Montek - [Neuro Noise](https://21st.dev/@paper-design/components/neuro-noise.md) — by Paper Shaders Full component directory: https://21st.dev/llms.txt