# SVG Animation components > Integrate motion into your site with 20 SVG animation components for React, powered by Tailwind CSS for creative, engaging visuals. 150 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/svg-animation. - [CPU Architecture](https://21st.dev/@LegionWebDev/components/cpu-architecture.md) — by Legion Dev - [Svg follow scroll](https://21st.dev/@reuno-ui/components/svg-follow-scroll.md) — by reuno-ui - [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/lightning-bolt.md) — by Preet Suthar - [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing.md) — by Preet Suthar - [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/spiral.md) — by Preet Suthar - [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/zigzag-path.md) — by Preet Suthar - [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/double-helix.md) — by Preet Suthar - [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/sine-wave.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/infinity-symbol.md) — by Preet Suthar - [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/loop-path.md) — by Preet Suthar - [Gradient Tracing](https://21st.dev/@preetsuthar17/components/gradient-tracing/curved.md) — by Preet Suthar - [CPU Architecture](https://21st.dev/@Mazyar kawa/components/cpu-architecture.md) — by Mazyar kawa - [Elastic Line](https://21st.dev/@danielpetho/components/elastic-line.md) — by Daniel Petho - [Circle Animations Collection](https://21st.dev/@filipz/components/circle-animations-collection.md) — by filipz - [Split Line Path](https://21st.dev/@airbnb-visx/components/split-line-path.md) — by Airbnb - [Animated Signature](https://21st.dev/@dqnamo/components/signature.md) — by dqnamo - [Line Draw SVG](https://21st.dev/@pulkitxm/components/line-draw-svg.md) — by Pulkit - [Background Paths](https://21st.dev/@kokonutd/components/background-paths.md) — by Kokonut Baffier - [Button](https://21st.dev/@originui/components/button/open-close-menu-button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/menu-button.md) — by Origin UI - [Hand Writing Text](https://21st.dev/@kokonutd/components/hand-writing-text.md) — by Kokonut Baffier - [Pulse Beams](https://21st.dev/@manuarora700/components/pulse-beams.md) — by Manu Arora - [Gooey Filter](https://21st.dev/@danielpetho/components/gooey-filter/tabs.md) — by Daniel Petho - [Background Beams](https://21st.dev/@manuarora700/components/background-beams.md) — by Manu Arora - [Gooey Filter](https://21st.dev/@danielpetho/components/gooey-filter/menu.md) — by Daniel Petho - [Google Gemini Effect](https://21st.dev/@manuarora700/components/google-gemini-effect.md) — by Manu Arora - [Flickering Grid](https://21st.dev/@dillionverma/components/flickering-grid.md) — by Dillion Verma - [Animated Underline Text](https://21st.dev/@anurag-mishra22/components/animated-underline-text-one.md) — by Anurag Mishra - [Animated Grid Pattern](https://21st.dev/@dillionverma/components/animated-grid-pattern.md) — by Dillion Verma - [Wave Background](https://21st.dev/@xubohuah/components/wave-background.md) — by KainXu - [Wave Path](https://21st.dev/@sshahaider/components/wave-path.md) — by Efferd - [Shooting Stars](https://21st.dev/@manuarora700/components/shooting-stars.md) — by Manu Arora - [Animated State Icons](https://21st.dev/@dev.yadhakim/components/animated-state-icons.md) — by Yad Hakim - [Menu Toggle Icon](https://21st.dev/@sshahaider/components/menu-toggle-icon.md) — by Efferd - [Modern Background Paths](https://21st.dev/@uniquesonu/components/modern-background-paths.md) — by Sonu - [Connoisseur Stack Interactor](https://21st.dev/@hardikkashiyani123456788/components/connoisseur-stack-interactor.md) — by Hardik Kashiyani - [Apple Hello Effect](https://21st.dev/@ncdai/components/apple-hello-effect.md) — by Chánh Đại - [Animated Weather Icons](https://21st.dev/@dev.yadhakim/components/animated-weather-icons.md) — by Yad Hakim - [Preloader](https://21st.dev/@info-mdshakeeb/components/preloader.md) — by shakeeb - [Animated Loading SVG + Text Shimmer](https://21st.dev/@zochory/components/animated-loading-svg-text-shimmer.md) — by Zachary BENSALEM - [Glitchy 404](https://21st.dev/@isaiahbjork/components/glitchy-404-1.md) — by Isaiah - [Particle Animation](https://21st.dev/@kedhareswer.12110626/components/particle-animation.md) — by Kedhareswer Naidu - [Floating paths](https://21st.dev/@bundui/components/floating-paths.md) — by Shadcn UI Kit - [sneak](https://21st.dev/@patrick.thomas.dunn1988/components/sneak.md) — by Patrick Dunn - [Warning Graphic](https://21st.dev/@isaiahbjork/components/warning-graphic.md) — by Isaiah - [Loader](https://21st.dev/@ravikatiyar162/components/loader-10.md) — by Ravi Katiyar - [Morphing Spinner](https://21st.dev/@jatin-yadav05/components/morphing-spinner.md) — by Jatin Yadav - [Spinning Sphere](https://21st.dev/@lyanchouss/components/spinning-sphere.md) — by Liana Pepanyan - [Dynamic Animated Hero Section with Gradient](https://21st.dev/@minhxthanh/components/dynamic-animated-hero-section-with-gradient.md) — by Le Thanh - [Spinner Morph](https://21st.dev/@lyanchouss/components/spinner-morph.md) — by Liana Pepanyan - [Animated Radial Chart](https://21st.dev/@isaiahbjork/components/animated-radial-chart.md) — by Isaiah - [Tracing Beam](https://21st.dev/@manuarora700/components/tracing-beam.md) — by Manu Arora - [SVG Follower](https://21st.dev/@designali-in/components/svg-follower.md) — by Ali Imam - [Spider Cursor](https://21st.dev/@minhxthanh/components/spider-cursor.md) — by Le Thanh - [Lightning Text](https://21st.dev/@minhxthanh/components/lightning-text.md) — by Le Thanh - [Streamgraph](https://21st.dev/@airbnb-visx/components/streamgraph.md) — by Airbnb - [text effect](https://21st.dev/@dhileepkumargm/components/text-effect.md) — by Dhileep Kumar GM - [Animated Tab Bar](https://21st.dev/@abxlfazl__/components/animated-tab-bar.md) — by abxlfazl__ Full component directory: https://21st.dev/llms.txt