# Hover Animation components

> Add motion to your UI with 75 React hover animation components, crafted for smooth, modern interactions using Tailwind CSS.

133 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/hover-animation.

- [Sidebar](https://21st.dev/@manuarora700/components/sidebar.md) — by Manu Arora
- [Dock](https://21st.dev/@ibelick/components/dock.md) — by Julien Thibeaut
- [Button](https://21st.dev/@originui/components/button/button-with-animated-arrow.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-icon-and-arrow.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/ghost-button-with-icon.md) — by Origin UI
- [Nav Header](https://21st.dev/@abdulali254/components/nav-header/nav-header.md) — by Abdul D'braun
- [Dock](https://21st.dev/@anurag-mishra22/components/dock-two.md) — by Anurag Mishra
- [Navbar Menu](https://21st.dev/@manuarora700/components/navbar-menu.md) — by Manu Arora
- [Text Scramble](https://21st.dev/@ibelick/components/text-scramble.md) — by Julien Thibeaut
- [Get Started Button](https://21st.dev/@ozantekin/components/get-started-button.md) — by SHSF UI
- [FlowButton](https://21st.dev/@xubohuah/components/flow-button.md) — by KainXu
- [Rainbow Borders Button](https://21st.dev/@muhammad-binsalman/components/rainbow-borders-button.md) — by M.bin Salman
- [3D Folder](https://21st.dev/@jatin-yadav05/components/3d-folder.md) — by Jatin Yadav
- [Dock](https://21st.dev/@ruixen.ui/components/dock.md) — by Ruixen UI
- [Menu Vertical](https://21st.dev/@berlix/components/menu-vertical.md) — by Berlix UI
- [Motion Button](https://21st.dev/@Shatlyk1011/components/motion-button.md) — by Shatlyk1011
- [Hover Effect](https://21st.dev/@serafimcloud/components/hover-effect.md) — by Serafim
- [Flipping Card](https://21st.dev/@aghasisahakyan1/components/flipping-card.md) — by Erik X
- [Button](https://21st.dev/@uilayout.contact/components/button-1.md) — by UI Layouts
- [Sidebar News](https://21st.dev/@dubinc/components/sidebar-news.md) — by Dub.co
- [Navbar](https://21st.dev/@geekles007/components/navbar.md) — by Geekles
- [Gallery Animation](https://21st.dev/@n38693842/components/gallery-animation.md) — by aayushhhh_here
- [Minimal Dock](https://21st.dev/@jatin-yadav05/components/minimal-dock.md) — by Jatin Yadav
- [Text Roll](https://21st.dev/@Mazyar kawa/components/text-roll.md) — by Mazyar kawa
- [Image Tiles](https://21st.dev/@tonyzebastian/components/image-tiles.md) — by Tony Sebastian
- [Animated Dock](https://21st.dev/@preetsuthar17/components/animated-dock.md) — by Preet Suthar
- [Dock](https://21st.dev/@dillionverma/components/dock.md) — by Dillion Verma
- [Animated Card](https://21st.dev/@badtzx0/components/animated-card.md) — by badtz
- [Random Letter Swap](https://21st.dev/@danielpetho/components/random-letter-swap.md) — by Daniel Petho
- [Hero Badge](https://21st.dev/@Codehagen/components/hero-badge.md) — by Prism UI
- [Squishy Pricing](https://21st.dev/@vaib215/components/squishy-pricing.md) — by Vaibhav Kumar Singh
- [Trail Card](https://21st.dev/@ravikatiyar162/components/trail-card.md) — by Ravi Katiyar
- [Workflow Builder Card](https://21st.dev/@ravikatiyar162/components/workflow-builder-card.md) — by Ravi Katiyar
- [Animated Menu](https://21st.dev/@koustubhayadiyala36/components/animated-menu.md) — by Kousthubha Yadiyala
- [Bubble Text](https://21st.dev/@minhxthanh/components/bubble-text.md) — by Le Thanh
- [dock](https://21st.dev/@badtzx0/components/dock.md) — by badtz
- [Fishy Button](https://21st.dev/@maxim.bort.devel/components/fishy-button.md) — by Maxim Bortnikov
- [Shifting Dropdown](https://21st.dev/@hurerag24/components/shifting-dropdown.md) — by Hurera Sheikh
- [Folder Components](https://21st.dev/@urmauur/components/folder-components.md) — by Faisal Amir
- [Glow Menu](https://21st.dev/@uniquesonu/components/glow-menu.md) — by Sonu
- [Apple Dock](https://21st.dev/@shadcnspace/components/apple-dock.md) — by ShadcnSpace
- [Circular Flip Card Gallery](https://21st.dev/@minhxthanh/components/circular-flip-card-gallery.md) — by Le Thanh
- [Animated Navigation Tabs](https://21st.dev/@ln-dev7/components/animated-navigation-tabs.md) — by LN
- [Link Hover](https://21st.dev/@Shatlyk1011/components/link-hover.md) — by Shatlyk1011
- [Discover Button](https://21st.dev/@0xUrvish/components/discover-button.md) — by 0xUrvish
- [Liquid Morph Floating Menu](https://21st.dev/@aayush-duhan/components/liquid-morph-floating-menu.md) — by Aayush duhan
- [Animated Tabs](https://21st.dev/@ibelick/components/animated-tabs.md) — by Julien Thibeaut
- [Underline Animation](https://21st.dev/@danielpetho/components/underline-animation.md) — by Daniel Petho
- [Hover Button](https://21st.dev/@erikvalencia1/components/hover-button.md) — by Ruben
- [Stardust Button](https://21st.dev/@muhammad-binsalman/components/stardust-button.md) — by M.bin Salman
- [Hold and Release Button](https://21st.dev/@kokonutd/components/hold-and-release-button.md) — by Kokonut Baffier
- [Fancy Text Hover](https://21st.dev/@Shatlyk1011/components/fancy-text-hover.md) — by Shatlyk1011
- [pixel hover effect](https://21st.dev/@avanishverma4/components/pixel-hover-effect.md) — by Awanish Verma
- [Cards](https://21st.dev/@prebuiltui/components/cards/flip-hover-card.md) — by prebuiltui
- [Download Hover Button](https://21st.dev/@hardik0110/components/download-hover-button.md) — by Hardik Kubavat
- [Slide Tabs](https://21st.dev/@uniquesonu/components/slide-tabs.md) — by Sonu
- [Stock Card](https://21st.dev/@ravikatiyar162/components/stock-card.md) — by Ravi Katiyar
- [Social Connect Platform Buttons](https://21st.dev/@muhammad-binsalman/components/social-connect-platform-buttons.md) — by M.bin Salman
- [hover image preview](https://21st.dev/@avanishverma4/components/hover-image-preview.md) — by Awanish Verma
- [Button](https://21st.dev/@uilayout.contact/components/button-5.md) — by UI Layouts

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