# Hover Effect components > Add interactive flair with 38 hover-effect components, leveraging React and Tailwind CSS for engaging user interfaces. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/hover-effect. - [Hover Effect](https://21st.dev/@serafimcloud/components/hover-effect.md) — by Serafim - [Direction Aware Hover](https://21st.dev/@manuarora700/components/direction-aware-hover.md) — by Manu Arora - [pixel hover effect](https://21st.dev/@avanishverma4/components/pixel-hover-effect.md) — by Awanish Verma - [frosted-hover](https://21st.dev/@kedhareswer.12110626/components/frosted-hover.md) — by Kedhareswer Naidu - [Spotlight Card](https://21st.dev/@easemize/components/spotlight-card.md) — by Hossain Jahed - [Glowing Effect](https://21st.dev/@manuarora700/components/glowing-effect.md) — by Manu Arora - [Display Cards](https://21st.dev/@Codehagen/components/display-cards.md) — by Prism UI - [Feature Section with hover effects](https://21st.dev/@manuarora700/components/feature-section-with-hover-effects.md) — by Manu Arora - [Interactive Image Accordion](https://21st.dev/@minhxthanh/components/interactive-image-accordion.md) — by Le Thanh - [Interactive Hover Button](https://21st.dev/@dillionverma/components/interactive-hover-button.md) — by Dillion Verma - [Gradient Button](https://21st.dev/@serafimcloud/components/gradient-button.md) — by Serafim - [Bento Grid](https://21st.dev/@kokonutd/components/bento-grid.md) — by Kokonut Baffier - [Button](https://21st.dev/@originui/components/button/button-with-title.md) — by Origin UI - [Neon Button](https://21st.dev/@cybergaz/components/neon-button.md) — by Gaz - [Moving Border](https://21st.dev/@manuarora700/components/moving-border.md) — by Manu Arora - [Background Boxes](https://21st.dev/@manuarora700/components/background-boxes.md) — by Manu Arora - [Hover Footer](https://21st.dev/@mdafsarx/components/hover-footer.md) — by Md afsar mahmud - [Limelight Nav](https://21st.dev/@easemize/components/limelight-nav.md) — by Hossain Jahed - [Glowing Shadow](https://21st.dev/@designali-in/components/glowing-shadow.md) — by Ali Imam - [Button Colorful with Hover Effect](https://21st.dev/@kokonutd/components/button-colorful.md) — by Kokonut Baffier - [Gradient Menu](https://21st.dev/@minhxthanh/components/gradient-menu.md) — by Le Thanh - [Card Fan Carousel](https://21st.dev/@aayush-duhan/components/card-fan-carousel.md) — by Aayush duhan - [Animated Underline Text](https://21st.dev/@anurag-mishra22/components/animated-underline-text-one.md) — by Anurag Mishra - [Liquid Metal Button](https://21st.dev/@johuniq/components/liquid-metal-button.md) — by johuniq - [Tilt Card](https://21st.dev/@tom_ui/components/tilt-card.md) — by tom - [Infinite Slider](https://21st.dev/@ibelick/components/infinite-slider/with-custom-hover-speed.md) — by Julien Thibeaut - [Glow menu](https://21st.dev/@spoonyvu/components/glow-menu.md) — by Vu Hieu - [Project Showcase](https://21st.dev/@jatin-yadav05/components/project-showcase.md) — by Jatin Yadav - [Apple Tahoe Liquid Glass Button](https://21st.dev/@easemize/components/apple-tahoe-liquid-glass-button.md) — by Hossain Jahed - [Animated Tooltip](https://21st.dev/@manuarora700/components/animated-tooltip.md) — by Manu Arora - [Evervault Card](https://21st.dev/@manuarora700/components/evervault-card.md) — by Manu Arora - [Team Showcase](https://21st.dev/@makviesainte/components/team-showcase.md) — by Mak VieSAinte - [Reveal images](https://21st.dev/@hari/components/reveal-images.md) — by Hari Lamichhane - [Progressive blur](https://21st.dev/@ibelick/components/progressive-blur/with-hover.md) — by Julien Thibeaut - [Tilt Card](https://21st.dev/@tom_ui/components/tilt-card/evade.md) — by tom - [Glare Card](https://21st.dev/@manuarora700/components/glare-card.md) — by Manu Arora - [Glow Effect](https://21st.dev/@ibelick/components/glow-effect/glow-effect-button.md) — by Julien Thibeaut - [Tilt Card](https://21st.dev/@tom_ui/components/tilt-card/gravitate.md) — by tom - [expand-cards](https://21st.dev/@misbahansar/components/expand-cards.md) — by Misbah Ansari - [particle effect for hero](https://21st.dev/@avanishverma4/components/particle-effect-for-hero.md) — by Awanish Verma - [Image Trail](https://21st.dev/@danielpetho/components/image-trail.md) — by Daniel Petho - [Anime Navbar](https://21st.dev/@jatin-yadav05/components/anime-navbar.md) — by Jatin Yadav - [Ink Reveal](https://21st.dev/@aayush-duhan/components/ink-reveal.md) — by Aayush duhan - [Link Preview](https://21st.dev/@manuarora700/components/link-preview.md) — by Manu Arora - [lumina-interactive-list](https://21st.dev/@hardikkashiyani123456788/components/lumina-interactive-list.md) — by Hardik Kashiyani - [macOS Dock](https://21st.dev/@dhmnpunit/components/mac-os-dock.md) — by briidgedotone - [Dynamic Frame Layout](https://21st.dev/@oeneco/components/dynamic-frame-layout.md) — by John - [Tabs](https://21st.dev/@originui/components/tabs/with-line-and-hover-vercel.md) — by Origin UI - [Magnetize Button](https://21st.dev/@kokonutd/components/magnetize-button.md) — by Kokonut Baffier - [Text Scramble](https://21st.dev/@jatin-yadav05/components/text-scramble.md) — by Jatin Yadav - [Hover Border Gradient](https://21st.dev/@Shatlyk1011/components/hover-border-gradient.md) — by Shatlyk1011 - [Pixel Trail](https://21st.dev/@danielpetho/components/pixel-trail.md) — by Daniel Petho - [Pixel Canvas](https://21st.dev/@serafimcloud/components/pixel-canvas.md) — by Serafim - [Floating Header](https://21st.dev/@sshahaider/components/floating-header.md) — by Efferd - [Sterling Gate: Kinetic Navigation](https://21st.dev/@hardikkashiyani123456788/components/sterling-gate-kinetic-navigation.md) — by Hardik Kashiyani - [Animated Slideshow](https://21st.dev/@youcefbnm/components/animated-slideshow.md) — by YoucefBnm Bnm - [Circular Reveal Heading](https://21st.dev/@anurag-mishra22/components/circular-reveal-heading.md) — by Anurag Mishra - [Reveal Text](https://21st.dev/@isaiahbjork/components/reveal-text.md) — by Isaiah - [Gradient Card Showcase](https://21st.dev/@minhxthanh/components/gradient-card-showcase.md) — by Le Thanh - [Morphing Cursor](https://21st.dev/@jatin-yadav05/components/morphing-cursor.md) — by Jatin Yadav Full component directory: https://21st.dev/llms.txt