# Futuristic components

> Give your UI a cutting-edge vibe with 5 futuristic components for React, styled using advanced Tailwind CSS techniques.

47 components available. Showing all of them below.

- [Futuristic Hero](https://21st.dev/@larsen66/components/hero-futuristic.md) — by 21st Indexer
- [Flow Field Background](https://21st.dev/@easemize/components/flow-field-background.md) — by Hossain Jahed
- [Gaming Login](https://21st.dev/@kamaleshsa/components/gaming-login.md) — by KAMALESH S A
- [Gradient Card](https://21st.dev/@jatin-yadav05/components/gradient-card.md) — by Jatin Yadav
- [Futurastic Hero Section](https://21st.dev/@uniquesonu/components/futurastic-hero-section.md) — by Sonu
- [HolographicCard](https://21st.dev/@dhileepkumargm/components/holographic-card.md) — by Dhileep Kumar GM
- [Cybernetic Bento Grid](https://21st.dev/@dhileepkumargm/components/cybernetic-bento-grid.md) — by Dhileep Kumar GM
- [Energy Beam](https://21st.dev/@sensewood8/components/energy-beam.md) — by Saifullah Channa
- [Glow Button](https://21st.dev/@waleedkibhen/components/glow-button.md) — by wisedev
- [LumaBar](https://21st.dev/@ruixen.ui/components/futuristic-nav.md) — by Ruixen UI
- [Glowing Card](https://21st.dev/@ravikatiyar162/components/glowing-card.md) — by Ravi Katiyar
- [Cursor Wander Card](https://21st.dev/@coderislive07/components/cursor-wander-card.md) — by Mridul Dhamija
- [CoreSpin Loader](https://21st.dev/@m.kumailalirajpoot/components/core-spin-loader.md) — by Muhammad Kumail Ali
- [Cube Loader](https://21st.dev/@daiwiikharihar17147/components/cube-loader.md) — by Daiwiik Harihar
- [Shiny Borders Button](https://21st.dev/@muhammad-binsalman/components/shiny-borders-button.md) — by M.bin Salman
- [Tech Solutions Hero Section](https://21st.dev/@dhileepkumargm/components/tech-solutions-hero-section.md) — by Dhileep Kumar GM
- [HoloCube Loader](https://21st.dev/@m.kumailalirajpoot/components/prism-flux-loader.md) — by Muhammad Kumail Ali
- [Loader](https://21st.dev/@ravikatiyar162/components/loader-3.md) — by Ravi Katiyar
- [DigitalLoomBackground](https://21st.dev/@dhileepkumargm/components/digital-loom-background.md) — by Dhileep Kumar GM
- [Liquid Loader](https://21st.dev/@ravikatiyar162/components/liquid-loader.md) — by Ravi Katiyar
- [text effect](https://21st.dev/@dhileepkumargm/components/text-effect.md) — by Dhileep Kumar GM
- [AstraButton](https://21st.dev/@ruhith369/components/astra-button.md) — by ruhith
- [3d orb](https://21st.dev/@vaib215/components/3d-orb.md) — by Vaibhav Kumar Singh
- [Frame Button](https://21st.dev/@radiumcoders/components/frame-button.md) — by jay sharma
- [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
- [Quantum Grid Hero](https://21st.dev/@dhileepkumargm/components/quantum-grid-hero.md) — by Dhileep Kumar GM
- [Futuristic File Uploader](https://21st.dev/@singla2125ji/components/futuristic-file-uploader/futuristic-file-uploader.md) — by LAKSHAY SINGLA
- [Quantam Mysh Hero](https://21st.dev/@muhammad-binsalman/components/quantam-mysh-hero.md) — by M.bin Salman
- [LightSpeed](https://21st.dev/@rahil1202/components/light-speed.md) — by Rahil Vahora
- [Speed Lines Shader](https://21st.dev/@aghasisahakyan1/components/speed-lines-shader.md) — by Erik X
- [Solar Loader](https://21st.dev/@ruixen.ui/components/solar-loader.md) — by Ruixen UI
- [Animated Scan Loader](https://21st.dev/@muhammad-binsalman/components/animated-scan-loader.md) — by M.bin Salman
- [Retrying](https://21st.dev/@dhileepkumargm/components/retrying.md) — by Dhileep Kumar GM
- [Animated HUD Targeting UI](https://21st.dev/@isaiahbjork/components/animated-hud-targeting-ui.md) — by Isaiah
- [SparkButton](https://21st.dev/@ruixen.ui/components/spark-button.md) — by Ruixen UI
- [Shield Shader](https://21st.dev/@xordev/components/shield-shader.md) — by xordev
- [HUD Button](https://21st.dev/@isaiahbjork/components/hud-button.md) — by Isaiah
- [Bioluminescent Grid](https://21st.dev/@dhileepkumargm/components/bioluminescent-grid.md) — by Dhileep Kumar GM
- [Future Navbar](https://21st.dev/@mdafsarx/components/future-navbar.md) — by Md afsar mahmud
- [Cybernetic Team Showcase](https://21st.dev/@dhileepkumargm/components/cybernetic-team-showcase.md) — by Dhileep Kumar GM
- [HUD Area Chart](https://21st.dev/@isaiahbjork/components/hud-area-chart-1.md) — by Isaiah
- [PulsarGridBackground](https://21st.dev/@dhileepkumargm/components/pulsar-grid-background.md) — by Dhileep Kumar GM
- [Gigabit](https://21st.dev/@xordev/components/gigabit.md) — by xordev
- [Glow Hero Section](https://21st.dev/@dhileepkumargm/components/glow-hero-section.md) — by Dhileep Kumar GM
- [NeoQRbutton-2](https://21st.dev/@ruixen.ui/components/neo-qrbutton-2.md) — by Ruixen UI
- [Sentinel Core Eye](https://21st.dev/@dhileepkumargm/components/sentinel-core.md) — by Dhileep Kumar GM

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