# Framer Motion components

> Leverage 108 React components powered by Framer Motion and Tailwind CSS for fluid animations in your Next.js applications.

200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/framer-motion.

- [Aurora Background](https://21st.dev/@manuarora700/components/aurora-background.md) — by Manu Arora
- [Testimonials Columns](https://21st.dev/@sshahaider/components/testimonials-columns-1.md) — by Efferd
- [Tubelight Navbar](https://21st.dev/@ayushmxxn_c278bc2d/components/tubelight-navbar.md) — by Ayushmaan Singh
- [Sidebar](https://21st.dev/@manuarora700/components/sidebar.md) — by Manu Arora
- [Pricing](https://21st.dev/@Codehagen/components/pricing.md) — by Prism UI
- [Text Rotate](https://21st.dev/@danielpetho/components/text-rotate.md) — by Daniel Petho
- [Text Rotate](https://21st.dev/@danielpetho/components/text-rotate/landing-hero.md) — by Daniel Petho
- [Text Rotate](https://21st.dev/@danielpetho/components/text-rotate/quote-card.md) — by Daniel Petho
- [Animated AI Chat](https://21st.dev/@jatin-yadav05/components/animated-ai-chat.md) — by Jatin Yadav
- [Theme Toggle](https://21st.dev/@ayushmxxn_c278bc2d/components/theme-toggle.md) — by Ayushmaan Singh
- [Typewriter](https://21st.dev/@danielpetho/components/typewriter.md) — by Daniel Petho
- [Falling Pattern](https://21st.dev/@sshahaider/components/falling-pattern.md) — by Efferd
- [Background Boxes](https://21st.dev/@manuarora700/components/background-boxes.md) — by Manu Arora
- [Falling Pattern](https://21st.dev/@sshahaider/components/falling-pattern/custom-colors.md) — by Efferd
- [Nav Header](https://21st.dev/@abdulali254/components/nav-header/nav-header.md) — by Abdul D'braun
- [Parallax Floating](https://21st.dev/@danielpetho/components/parallax-floating.md) — by Daniel Petho
- [Text Effect](https://21st.dev/@ibelick/components/text-effect.md) — by Julien Thibeaut
- [Gradient Dots](https://21st.dev/@sshahaider/components/gradient-dots.md) — by Efferd
- [Navbar Menu](https://21st.dev/@manuarora700/components/navbar-menu.md) — by Manu Arora
- [Smooth Scroll Hero](https://21st.dev/@ishamsu/components/smooth-scroll-hero.md) — by Shamsu Musthafa
- [Hero Dithering Card](https://21st.dev/@moazamtrade/components/hero-dithering-card.md) — by shadway
- [Animate Card Animation](https://21st.dev/@moazamtrade/components/animate-card-animation.md) — by shadway
- [Google Gemini Effect](https://21st.dev/@manuarora700/components/google-gemini-effect.md) — by Manu Arora
- [Blur Fade](https://21st.dev/@dillionverma/components/blur-fade.md) — by Dillion Verma
- [Hero Highlight](https://21st.dev/@manuarora700/components/hero-highlight.md) — by Manu Arora
- [Animated Text Cycle](https://21st.dev/@thimows/components/animated-text-cycle/animated-text-cycle.md) — by Thimo Waanders
- [About Us section](https://21st.dev/@uniquesonu/components/about-us-section.md) — by Sonu
- [Spatial Product Showcase](https://21st.dev/@daiwiikharihar17147/components/spatial-product-showcase.md) — by Daiwiik Harihar
- [Progressive blur](https://21st.dev/@ibelick/components/progressive-blur/with-hover.md) — by Julien Thibeaut
- [Progressive blur](https://21st.dev/@ibelick/components/progressive-blur.md) — by Julien Thibeaut
- [Video Player](https://21st.dev/@chetanverma16/components/video-player.md) — by Chetan Verma
- [Glow Effect](https://21st.dev/@ibelick/components/glow-effect/card-with-glow.md) — by Julien Thibeaut
- [Section With Mockup](https://21st.dev/@aghasisahakyan1/components/section-with-mockup.md) — by Erik X
- [Floating Action Menu](https://21st.dev/@chetanverma16/components/floating-action-menu.md) — by Chetan Verma
- [Anime Navbar](https://21st.dev/@jatin-yadav05/components/anime-navbar.md) — by Jatin Yadav
- [Link Preview](https://21st.dev/@manuarora700/components/link-preview.md) — by Manu Arora
- [Text Parallax Content (scroll)](https://21st.dev/@uniquesonu/components/text-parallax-content-scroll.md) — by Sonu
- [Slide Button](https://21st.dev/@reuno-ui/components/slide-button.md) — by reuno-ui
- [Gradient Background](https://21st.dev/@sshahaider/components/gradient-background.md) — by Efferd
- [Animated Tabs](https://21st.dev/@chetanverma16/components/animated-tabs.md) — by Chetan Verma
- [Stacked Panels Cursor intereactive component](https://21st.dev/@moazamtrade/components/stacked-panels-cursor-intereactive-component.md) — by shadway
- [ScrollTiltedGrid](https://21st.dev/@ruixen.ui/components/scroll-tilted-grid.md) — by Ruixen UI
- [Sign Up](https://21st.dev/@easemize/components/sign-up.md) — by Hossain Jahed
- [Gradient Background](https://21st.dev/@sshahaider/components/gradient-background/custom-colors.md) — by Efferd
- [Vertical Cut Reveal](https://21st.dev/@danielpetho/components/vertical-cut-reveal.md) — by Daniel Petho
- [Hero Section](https://21st.dev/@moumensoliman/components/hero-section-shadcnui.md) — by Moumen Soliman
- [Futurastic Hero Section](https://21st.dev/@uniquesonu/components/futurastic-hero-section.md) — by Sonu
- [Modern Hero](https://21st.dev/@uniquesonu/components/modern-hero.md) — by Sonu
- [Message Dock](https://21st.dev/@isaiahbjork/components/message-dock.md) — by Isaiah
- [Stacked Cards Interaction](https://21st.dev/@chetanverma16/components/stacked-cards-interaction.md) — by Chetan Verma
- [features](https://21st.dev/@sehajbindra/components/features.md) — by Sehajeet Singh Bindra
- [FAQ](https://21st.dev/@kokonutd/components/faq.md) — by Kokonut Baffier
- [Magnetic Button](https://21st.dev/@bundui/components/magnetic-button.md) — by Shadcn UI Kit
- [Pricing](https://21st.dev/@ravikatiyar162/components/pricing.md) — by Ravi Katiyar
- [PARALLAX SCROLL FEATURE SECTION](https://21st.dev/@sumonadotwork/components/parallax-scroll-feature-section.md) — by Sumona Biswas
- [Hero Section - Nexus](https://21st.dev/@aghasisahakyan1/components/hero-section-nexus/demo-home-page.md) — by Erik X
- [Text Gradient Scroll](https://21st.dev/@bundui/components/text-gradient-scroll.md) — by Shadcn UI Kit
- [Bounce card features](https://21st.dev/@uniquesonu/components/bounce-card-features.md) — by Sonu
- [Sticky scroll cards section](https://21st.dev/@minhxthanh/components/sticky-scroll-cards-section.md) — by Le Thanh
- [Modern Background Paths](https://21st.dev/@uniquesonu/components/modern-background-paths.md) — by Sonu

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