# Spring components

> Add lively motion to your UI with 3 spring-inspired React components, perfect for dynamic Tailwind CSS designs.

110 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/spring.

- [Spring Element](https://21st.dev/@arhamkhnz/components/spring-element.md) — by Arham Khan
- [Animated Tooltip](https://21st.dev/@manuarora700/components/animated-tooltip.md) — by Manu Arora
- [Animated State Icons](https://21st.dev/@dev.yadhakim/components/animated-state-icons.md) — by Yad Hakim
- [Stacked Panels Cursor intereactive component](https://21st.dev/@moazamtrade/components/stacked-panels-cursor-intereactive-component.md) — by shadway
- [Animated Theme Toggler](https://21st.dev/@ruixen.ui/components/animated-theme-toggler.md) — by Ruixen UI
- [Reveal Text](https://21st.dev/@isaiahbjork/components/reveal-text.md) — by Isaiah
- [Animated Blur Number](https://21st.dev/@serafimcloud/components/animated-blur-number.md) — by Serafim
- [Tilt](https://21st.dev/@ibelick/components/tilt.md) — by Julien Thibeaut
- [Material Design 3 Switch](https://21st.dev/@easemize/components/material-design-3-switch.md) — by Hossain Jahed
- [Tilt](https://21st.dev/@ibelick/components/tilt/with-spotlight.md) — by Julien Thibeaut
- [Interactive Accordion](https://21st.dev/@jatin-yadav05/components/interactive-accordion.md) — by Jatin Yadav
- [Image Comparison](https://21st.dev/@ibelick/components/image-comparison.md) — by Julien Thibeaut
- [Morphing Dialog](https://21st.dev/@ibelick/components/morphing-dialog.md) — by Julien Thibeaut
- [Bouncy Toggle](https://21st.dev/@jatin-yadav05/components/bouncy-toggle.md) — by Jatin Yadav
- [Cinematic Glow Toggle](https://21st.dev/@daiwiikharihar17147/components/cinematic-glow-toggle.md) — by Daiwiik Harihar
- [iOS Spinner](https://21st.dev/@yadwinder/components/ios-spinner.md) — by Yadwinder Singh
- [Folder Components](https://21st.dev/@urmauur/components/folder-components.md) — by Faisal Amir
- [Loader](https://21st.dev/@mvp_Subha/components/loader/modified-classic-loader.md) — by mvp_Subha
- [Discover Button](https://21st.dev/@0xUrvish/components/discover-button.md) — by 0xUrvish
- [Animated Tabs](https://21st.dev/@ibelick/components/animated-tabs.md) — by Julien Thibeaut
- [Magnetic](https://21st.dev/@ibelick/components/magnetic/social-link.md) — by Julien Thibeaut
- [Warp Dialog](https://21st.dev/@molecule-lab-rushil/components/warp-dialog.md) — by Rushil Dhinoja
- [useExpandable](https://21st.dev/@Codehagen/components/use-expandable.md) — by Prism UI
- [Cursor](https://21st.dev/@ibelick/components/cursor/with-spring.md) — by Julien Thibeaut
- [Magnetic](https://21st.dev/@ibelick/components/magnetic/nested.md) — by Julien Thibeaut
- [Pill Morph Tabs](https://21st.dev/@ruixen.ui/components/pill-morph-tabs.md) — by Ruixen UI
- [Smooth Dropdown](https://21st.dev/@0xUrvish/components/smooth-dropdown.md) — by 0xUrvish
- [text effect](https://21st.dev/@dhileepkumargm/components/text-effect.md) — by Dhileep Kumar GM
- [Cursor](https://21st.dev/@ibelick/components/cursor.md) — by Julien Thibeaut
- [Select](https://21st.dev/@micka_design/components/select.md) — by micka_design
- [Social Share Button](https://21st.dev/@Shatlyk1011/components/social-button.md) — by Shatlyk1011
- [Tracking In](https://21st.dev/@kapishdima/components/tracking-in.md) — by KapishDima
- [Joly Button](https://21st.dev/@johuniq/components/joly-button.md) — by johuniq
- [Select](https://21st.dev/@micka_design/components/select/borderless.md) — by micka_design
- [Animated Checkbox](https://21st.dev/@tom_ui/components/animated-checkbox.md) — by tom
- [Sliding Pagination](https://21st.dev/@ruixen.ui/components/sliding-pagination.md) — by Ruixen UI
- [Spinning Text](https://21st.dev/@ibelick/components/spinning-text.md) — by Julien Thibeaut
- [Checkbox Group](https://21st.dev/@larsen66/components/checkbox-group.md) — by micka_design
- [Chapter Scrubber](https://21st.dev/@ruixen.ui/components/chapter-scrubber.md) — by Ruixen UI
- [Book A Call Button](https://21st.dev/@jatin-yadav05/components/book-a-call-button.md) — by Jatin Yadav
- [Disclosure](https://21st.dev/@ibelick/components/disclosure/card.md) — by Julien Thibeaut
- [Select](https://21st.dev/@micka_design/components/select/grouped.md) — by micka_design
- [Elastic Toggle Switch](https://21st.dev/@moumensoliman/components/elastic-switch-shadcnui.md) — by Moumen Soliman
- [BeUI Bouncy Accordion](https://21st.dev/@saurabh10102/components/be-ui-bouncy-accordion.md) — by Saurabh Chauhan
- [Profile Card](https://21st.dev/@daiwiikharihar17147/components/profile-card.md) — by Daiwiik Harihar
- [Checkbox Group](https://21st.dev/@larsen66/components/checkbox-group/none-checked.md) — by micka_design
- [Checkbox Group](https://21st.dev/@larsen66/components/checkbox-group/all-checked.md) — by micka_design
- [Folder](https://21st.dev/@anish-1144/components/folder.md) — by Anish Mourya
- [Elastic Line](https://21st.dev/@danielpetho/components/elastic-line.md) — by Daniel Petho
- [Credit Card](https://21st.dev/@rynkovski/components/credit-card.md) — by ExtendUI
- [Mouse follow animations](https://21st.dev/@reuno-ui/components/mouse-follow-animations.md) — by reuno-ui
- [Spinner](https://21st.dev/@shadcn/components/spinner/spinner-size.md) — by shadcn
- [Text Repel](https://21st.dev/@componentry/components/text-repel.md) — by Componentry
- [Accordion](https://21st.dev/@micka_design/components/accordion.md) — by micka_design
- [Scroll-linked spring animation](https://21st.dev/@itsankitverma/components/scroll-linked-spring-animation.md) — by Ankit Verma
- [Animated Number](https://21st.dev/@ibelick/components/animated-number.md) — by Julien Thibeaut
- [Accordion](https://21st.dev/@micka_design/components/accordion/multiple.md) — by micka_design
- [Custom Cursor](https://21st.dev/@youcefbnm/components/custom-cursor.md) — by YoucefBnm Bnm
- [Accordion](https://21st.dev/@micka_design/components/accordion/grouped.md) — by micka_design
- [Motion Navigation Menu](https://21st.dev/@unlumen/components/motion-navigation-menu.md) — by Unlumen UI

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