# UI components

> Browse 5,000+ UI components for React and Tailwind CSS — buttons, cards, forms, heroes, and full sections. Copy-paste ready for any Next.js project.

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

- [Spline Scene](https://21st.dev/@serafimcloud/components/splite.md) — by Serafim
- [Container Scroll Animation](https://21st.dev/@manuarora700/components/container-scroll-animation.md) — by Manu Arora
- [Background Paths](https://21st.dev/@kokonutd/components/background-paths.md) — by Kokonut Baffier
- [v0 AI Chat](https://21st.dev/@kokonutd/components/v0-ai-chat.md) — by Kokonut Baffier
- [Aurora Background](https://21st.dev/@manuarora700/components/aurora-background.md) — by Manu Arora
- [Sparkles](https://21st.dev/@manuarora700/components/sparkles.md) — by Manu Arora
- [Animated hero](https://21st.dev/@tommyjepsen/components/animated-hero.md) — by Tommy Jepsen
- [Animated Shader Background](https://21st.dev/@minhxthanh/components/animated-shader-background.md) — by Le Thanh
- [Shape Landing Hero](https://21st.dev/@kokonutd/components/shape-landing-hero.md) — by Kokonut Baffier
- [Shader Animation](https://21st.dev/@designali-in/components/shader-animation.md) — by Ali Imam
- [Display Cards](https://21st.dev/@Codehagen/components/display-cards.md) — by Prism UI
- [Shader Background](https://21st.dev/@minhxthanh/components/shader-background.md) — by Le Thanh
- [Scroll media expansion hero](https://21st.dev/@arunachalam/components/scroll-expansion-hero.md) — by Arunachalam
- [WebGL Shader](https://21st.dev/@designali-in/components/web-gl-shader.md) — by Ali Imam
- [Agent Plan](https://21st.dev/@isaiahbjork/components/agent-plan.md) — by Isaiah
- [Bento Grid](https://21st.dev/@kokonutd/components/bento-grid.md) — by Kokonut Baffier
- [Gallery with image cards](https://21st.dev/@shadcnblockscom/components/gallery4.md) — by Shadcnblocks.com
- [Liquid Glass Button](https://21st.dev/@designali-in/components/liquid-glass-button.md) — by Ali Imam
- [Sparkles Text](https://21st.dev/@dillionverma/components/sparkles-text.md) — by Dillion Verma
- [Animated Shader Hero](https://21st.dev/@ravikatiyar162/components/animated-shader-hero.md) — by Ravi Katiyar
- [Testimonials Columns](https://21st.dev/@sshahaider/components/testimonials-columns-1.md) — by Efferd
- [Glowing Effect](https://21st.dev/@manuarora700/components/glowing-effect.md) — by Manu Arora
- [Gooey Text Morphing](https://21st.dev/@victorwelander/components/gooey-text-morphing.md) — by Victor Welander
- [Beams Background](https://21st.dev/@kokonutd/components/beams-background.md) — by Kokonut Baffier
- [Background Boxes](https://21st.dev/@manuarora700/components/background-boxes.md) — by Manu Arora
- [SpiralAnimation](https://21st.dev/@xubohuah/components/spiral-animation.md) — by KainXu
- [Shader Lines](https://21st.dev/@designali-in/components/shader-lines.md) — by Ali Imam
- [Liquid Glass](https://21st.dev/@suraj-xd/components/liquid-glass.md) — by Suraj Gaud
- [Sign In Flow](https://21st.dev/@aghasisahakyan1/components/sign-in-flow-1.md) — by Erik X
- [Typewriter](https://21st.dev/@danielpetho/components/typewriter.md) — by Daniel Petho
- [Lamp](https://21st.dev/@manuarora700/components/lamp.md) — by Manu Arora
- [Spooky Smoke Animation](https://21st.dev/@easemize/components/spooky-smoke-animation.md) — by Hossain Jahed
- [FlickeringGridHero](https://21st.dev/@xubohuah/components/flickering-grid-hero.md) — by KainXu
- [Expandable Tabs](https://21st.dev/@victorwelander/components/expandable-tabs.md) — by Victor Welander
- [The Infinite Grid](https://21st.dev/@moazamtrade/components/the-infinite-grid.md) — by shadway
- [Wave Background](https://21st.dev/@xubohuah/components/wave-background.md) — by KainXu
- [Pricing Interaction](https://21st.dev/@ln-dev7/components/pricing-interaction.md) — by LN
- [Spotlight Card](https://21st.dev/@easemize/components/spotlight-card.md) — by Hossain Jahed
- [Background Paper Shaders](https://21st.dev/@reuno-ui/components/background-paper-shaders.md) — by reuno-ui
- [AI Gen](https://21st.dev/@designali-in/components/ai-gen.md) — by Ali Imam
- [Bento Grid](https://21st.dev/@manuarora700/components/bento-grid.md) — by Manu Arora
- [Hand Writing Text](https://21st.dev/@kokonutd/components/hand-writing-text.md) — by Kokonut Baffier
- [Hero Highlight](https://21st.dev/@manuarora700/components/hero-highlight.md) — by Manu Arora
- [Button Colorful with Hover Effect](https://21st.dev/@kokonutd/components/button-colorful.md) — by Kokonut Baffier
- [Circular Testimonials](https://21st.dev/@maxim.bort.devel/components/circular-testimonials.md) — by Maxim Bortnikov
- [Floating Action Menu](https://21st.dev/@chetanverma16/components/floating-action-menu.md) — by Chetan Verma
- [Text Reveal](https://21st.dev/@dillionverma/components/text-reveal.md) — by Dillion Verma
- [Typewriter Effect](https://21st.dev/@manuarora700/components/typewriter-effect.md) — by Manu Arora
- [Hero Section 5](https://21st.dev/@meschacirung/components/hero-section-5.md) — by Méschac Irung
- [Animated Gradient Background](https://21st.dev/@hammamikhairi/components/animated-gradient-background.md) — by 0xkhairi Khairi
- [Horizon Hero Section](https://21st.dev/@lovesickfromthe6ix/components/horizon-hero-section.md) — by scott clayton
- [Hero Section 1](https://21st.dev/@meschacirung/components/hero-section-1.md) — by Méschac Irung
- [Neon Button](https://21st.dev/@cybergaz/components/neon-button.md) — by Gaz
- [Hero](https://21st.dev/@reuno-ui/components/hero.md) — by reuno-ui
- [Hero 195](https://21st.dev/@shadcnblockscom/components/hero-195-1.md) — by Shadcnblocks.com
- [Link Preview](https://21st.dev/@manuarora700/components/link-preview.md) — by Manu Arora
- [Hero Section Dark](https://21st.dev/@kinfe123/components/hero-section-dark.md) — by KinfeMichael Tariku
- [Cinematic landing Hero](https://21st.dev/@easemize/components/cinematic-landing-hero.md) — by Hossain Jahed
- [Animated Testimonials](https://21st.dev/@bankkroll/components/animated-testimonials/animated-testimonials.md) — by Bankk
- [Upgrade Banner](https://21st.dev/@victorwelander/components/upgrade-banner.md) — by Victor Welander

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