# Sci Fi components > Bring futuristic vibes to your project with 6 sci-fi themed React components, all styled with Tailwind CSS and ready for Next.js. 53 components available. Showing all of them below. - [Animated Shader Background](https://21st.dev/@minhxthanh/components/animated-shader-background.md) — by Le Thanh - [AnomalousMatterHero](https://21st.dev/@dhileepkumargm/components/anomalous-matter-hero.md) — by Dhileep Kumar GM - [Radar Effect](https://21st.dev/@manuarora700/components/radar-effect.md) — by Manu Arora - [Modern Animated Hero Section](https://21st.dev/@uniquesonu/components/modern-animated-hero-section.md) — by Sonu - [Moving Dot Card](https://21st.dev/@minhxthanh/components/moving-dot-card.md) — by Le Thanh - [Artificial Hero](https://21st.dev/@lovesickfromthe6ix/components/artificial-hero.md) — by scott clayton - [Aurora Section hero](https://21st.dev/@dhileepkumargm/components/aurora-section-hero.md) — by Dhileep Kumar GM - [Robot Flyby](https://21st.dev/@patrick.thomas.dunn1988/components/robot-flyby.md) — by Patrick Dunn - [CPU Architecture](https://21st.dev/@Mazyar kawa/components/cpu-architecture.md) — by Mazyar kawa - [ATC shader](https://21st.dev/@xordev/components/atc-shader.md) — by xordev - [Glitchy 404](https://21st.dev/@isaiahbjork/components/glitchy-404-1.md) — by Isaiah - [Animated Download](https://21st.dev/@isaiahbjork/components/animated-download.md) — by Isaiah - [Vector Pad](https://21st.dev/@daiwiikharihar17147/components/vector-pad.md) — by Daiwiik Harihar - [Warning Graphic](https://21st.dev/@isaiahbjork/components/warning-graphic.md) — by Isaiah - [Starship Shader](https://21st.dev/@xordev/components/starship-shader.md) — by xordev - [HoloPulse Loader](https://21st.dev/@m.kumailalirajpoot/components/holo-pulse-loader.md) — by Muhammad Kumail Ali - [HolographicInterface](https://21st.dev/@dhileepkumargm/components/holographic-interface.md) — by Dhileep Kumar GM - [Neural Access Login](https://21st.dev/@shivendra9795kumar/components/neural-access-login.md) — by Shivendra Kumar - [Quantum Grid Hero](https://21st.dev/@dhileepkumargm/components/quantum-grid-hero.md) — by Dhileep Kumar GM - [Set of Animations 4](https://21st.dev/@filipz/components/set-of-animations-4.md) — by filipz - [LightSpeed](https://21st.dev/@rahil1202/components/light-speed.md) — by Rahil Vahora - [LoadingRadar](https://21st.dev/@ruhith369/components/loading-radar.md) — by ruhith - [CelestialOrrery](https://21st.dev/@dhileepkumargm/components/celestial-orrery.md) — by Dhileep Kumar GM - [Animated HUD Targeting UI](https://21st.dev/@isaiahbjork/components/animated-hud-targeting-ui.md) — by Isaiah - [HUD Button](https://21st.dev/@isaiahbjork/components/hud-button.md) — by Isaiah - [Electric Card](https://21st.dev/@dhileepkumargm/components/electric-card.md) — by Dhileep Kumar GM - [Hyperdrive hero](https://21st.dev/@dhileepkumargm/components/hyperdrive-hero.md) — by Dhileep Kumar GM - [Future Navbar](https://21st.dev/@mdafsarx/components/future-navbar.md) — by Md afsar mahmud - [Hud Status](https://21st.dev/@isaiahbjork/components/hud-status-1.md) — by Isaiah - [Space box](https://21st.dev/@voxlet-ui/components/space-box.md) — by Voxlet UI - [Spider-Verse Glitch Button](https://21st.dev/@muhammad-binsalman/components/spider-verse-glitch-button.md) — by M.bin Salman - [HUD Area Chart](https://21st.dev/@isaiahbjork/components/hud-area-chart-1.md) — by Isaiah - [Nucleus](https://21st.dev/@xordev/components/nucleus.md) — by xordev - [InteractiveSynapseNetwork](https://21st.dev/@dhileepkumargm/components/interactive-synapse-network.md) — by Dhileep Kumar GM - [Waveform](https://21st.dev/@thegridcn/components/waveform.md) — by The Gridcn - [BlueprintBentoGrid](https://21st.dev/@dhileepkumargm/components/blueprint-bento-grid.md) — by Dhileep Kumar GM - [Neutrino](https://21st.dev/@xordev/components/neutrino.md) — by xordev - [Circuit Background](https://21st.dev/@thegridcn/components/circuit-background.md) — by The Gridcn - [ChronosEngine](https://21st.dev/@dhileepkumargm/components/chronos-engine-1.md) — by Dhileep Kumar GM - [Data Stream](https://21st.dev/@thegridcn/components/data-stream.md) — by The Gridcn - [HyperspaceWarpDrive](https://21st.dev/@dhileepkumargm/components/hyperspace-warp-drive.md) — by Dhileep Kumar GM - [SatelliteOrbit](https://21st.dev/@ridemountainpig/components/flightcn-satellite-orbit.md) — by flightcn - [Nebula](https://21st.dev/@chamaac/components/nebula.md) — by chamaac - [Asther Anomaly](https://21st.dev/@dhileepkumargm/components/aether-anomaly.md) — by Dhileep Kumar GM - [CTA Banner](https://21st.dev/@thegridcn/components/cta-banner.md) — by The Gridcn - [Anomalous Matter's](https://21st.dev/@dhileepkumargm/components/anomalous-matter-s.md) — by Dhileep Kumar GM - [ChronosEngine](https://21st.dev/@dhileepkumargm/components/chronos-engine.md) — by Dhileep Kumar GM - [Light Speed](https://21st.dev/@chamaac/components/light-speed.md) — by chamaac - [Anomalou Matter](https://21st.dev/@dhileepkumargm/components/anomalous-matter.md) — by Dhileep Kumar GM - [Testimonial Card](https://21st.dev/@thegridcn/components/testimonial-card.md) — by The Gridcn - [CyberpunkTerminalHero](https://21st.dev/@dhileepkumargm/components/cyberpunk-terminal-hero.md) — by Dhileep Kumar GM - [Dead Channel](https://21st.dev/@serafimcloud/components/dead-channel.md) — by Serafim - [Video Player](https://21st.dev/@thegridcn/components/video-player.md) — by The Gridcn Full component directory: https://21st.dev/llms.txt