# Dark components

> Switch up your style with 15 React dark mode components, leveraging Tailwind CSS to deliver seamless theme toggling in Next.js apps.

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

- [Spline Scene](https://21st.dev/@serafimcloud/components/splite.md) — by Serafim
- [Background Paths](https://21st.dev/@kokonutd/components/background-paths.md) — by Kokonut Baffier
- [Shape Landing Hero](https://21st.dev/@kokonutd/components/shape-landing-hero.md) — by Kokonut Baffier
- [Spotlight Card](https://21st.dev/@easemize/components/spotlight-card.md) — by Hossain Jahed
- [Sparkles](https://21st.dev/@manuarora700/components/sparkles.md) — by Manu Arora
- [Glowing Effect](https://21st.dev/@manuarora700/components/glowing-effect.md) — by Manu Arora
- [Radial Orbital Timeline](https://21st.dev/@jatin-yadav05/components/radial-orbital-timeline.md) — by Jatin Yadav
- [Display Cards](https://21st.dev/@Codehagen/components/display-cards.md) — by Prism UI
- [Dotted Surface](https://21st.dev/@sshahaider/components/dotted-surface.md) — by Efferd
- [Sidebar](https://21st.dev/@manuarora700/components/sidebar.md) — by Manu Arora
- [AI prompt Box](https://21st.dev/@easemize/components/ai-prompt-box.md) — by Hossain Jahed
- [Lamp](https://21st.dev/@manuarora700/components/lamp.md) — by Manu Arora
- [Animated Shader Hero](https://21st.dev/@ravikatiyar162/components/animated-shader-hero.md) — by Ravi Katiyar
- [WebGL Shader](https://21st.dev/@designali-in/components/web-gl-shader.md) — by Ali Imam
- [Shader Background](https://21st.dev/@minhxthanh/components/shader-background.md) — by Le Thanh
- [Etheral Shadow](https://21st.dev/@jatin-yadav05/components/etheral-shadow.md) — by Jatin Yadav
- [Background Paper Shaders](https://21st.dev/@reuno-ui/components/background-paper-shaders.md) — by reuno-ui
- [Beams Background](https://21st.dev/@kokonutd/components/beams-background.md) — by Kokonut Baffier
- [Animated Shader Background](https://21st.dev/@minhxthanh/components/animated-shader-background.md) — by Le Thanh
- [Hero Section 1](https://21st.dev/@meschacirung/components/hero-section-1.md) — by Méschac Irung
- [Cinematic landing Hero](https://21st.dev/@easemize/components/cinematic-landing-hero.md) — by Hossain Jahed
- [Zoom Parallax](https://21st.dev/@sshahaider/components/zoom-parallax.md) — by Efferd
- [Testimonials with Marquee](https://21st.dev/@serafimcloud/components/testimonials-with-marquee.md) — by Serafim
- [Background Gradient Animation](https://21st.dev/@manuarora700/components/background-gradient-animation.md) — by Manu Arora
- [Sign In Flow](https://21st.dev/@aghasisahakyan1/components/sign-in-flow-1.md) — by Erik X
- [Sign In](https://21st.dev/@easemize/components/sign-in.md) — by Hossain Jahed
- [Shader Lines](https://21st.dev/@designali-in/components/shader-lines.md) — by Ali Imam
- [Futuristic Hero](https://21st.dev/@larsen66/components/hero-futuristic.md) — by 21st Indexer
- [v0 AI Chat](https://21st.dev/@kokonutd/components/v0-ai-chat.md) — by Kokonut Baffier
- [Hero](https://21st.dev/@reuno-ui/components/hero.md) — by reuno-ui
- [Motion Footer](https://21st.dev/@easemize/components/motion-footer.md) — by Hossain Jahed
- [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section-4.md) — by UI Layouts
- [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
- [Hero Section Dark](https://21st.dev/@kinfe123/components/hero-section-dark.md) — by KinfeMichael Tariku
- [Animated AI Chat](https://21st.dev/@jatin-yadav05/components/animated-ai-chat.md) — by Jatin Yadav
- [Bento Grid](https://21st.dev/@kokonutd/components/bento-grid.md) — by Kokonut Baffier
- [ParticleTextEffect](https://21st.dev/@xubohuah/components/particle-text-effect.md) — by KainXu
- [Footer Section](https://21st.dev/@sshahaider/components/footer-section.md) — by Efferd
- [SpiralAnimation](https://21st.dev/@xubohuah/components/spiral-animation.md) — by KainXu
- [Hero Odyssey](https://21st.dev/@erikvalencia1/components/hero-odyssey.md) — by Ruben
- [Hero Section 5](https://21st.dev/@meschacirung/components/hero-section-5.md) — by Méschac Irung
- [Features 8](https://21st.dev/@meschacirung/components/features-8.md) — by Méschac Irung
- [Vapour Text Effect](https://21st.dev/@jatin-yadav05/components/vapour-text-effect.md) — by Jatin Yadav
- [CardStack](https://21st.dev/@ruixen.ui/components/card-stack.md) — by Ruixen UI
- [Neon Button](https://21st.dev/@cybergaz/components/neon-button.md) — by Gaz
- [Wireframe Dotted Globe](https://21st.dev/@moazamtrade/components/wireframe-dotted-globe.md) — by shadway
- [Falling Pattern](https://21st.dev/@sshahaider/components/falling-pattern.md) — by Efferd
- [Header 2](https://21st.dev/@sshahaider/components/header-2.md) — by Efferd
- [Stagger Testimonials](https://21st.dev/@vaib215/components/stagger-testimonials.md) — by Vaibhav Kumar Singh
- [Wavy Background](https://21st.dev/@manuarora700/components/wavy-background.md) — by Manu Arora
- [Animated Gradient Background](https://21st.dev/@hammamikhairi/components/animated-gradient-background.md) — by 0xkhairi Khairi
- [Background Boxes](https://21st.dev/@manuarora700/components/background-boxes.md) — by Manu Arora
- [Minimalist Hero](https://21st.dev/@ravikatiyar162/components/minimalist-hero.md) — by Ravi Katiyar
- [Falling Pattern](https://21st.dev/@sshahaider/components/falling-pattern/custom-colors.md) — by Efferd
- [Circular Gallery](https://21st.dev/@ravikatiyar162/components/circular-gallery.md) — by Ravi Katiyar
- [GLSL Hills](https://21st.dev/@designali-in/components/glsl-hills.md) — by Ali Imam
- [BG Patterns](https://21st.dev/@sshahaider/components/bg-pattern.md) — by Efferd
- [AI Voice Input](https://21st.dev/@kokonutd/components/ai-voice-input.md) — by Kokonut Baffier
- [Flow Field Background](https://21st.dev/@easemize/components/flow-field-background.md) — by Hossain Jahed

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