React Cyberpunk Theme

The future is neon. This React theme delivers the full cyberpunk aesthetic—electric magentas at oklch(0.65 0.28 330), toxic cyans, warning yellows blazing against void-black backgrounds at oklch(0.08 0.01 280). It's Blade Runner meets Akira meets the last tech startup that actually felt exciting. The high contrast isn't subtle and doesn't pretend to be—this is design that announces itself. Use it for gaming platforms and esports sites, cutting-edge tech products, music and nightlife apps, crypto and web3 projects that want to feel futuristic, or any Next.js project that should feel like it's from 2049. Just know that cyberpunk aesthetics polarize: your audience will either love it or find it exhausting. There's no middle ground.

React Cyberpunk Theme preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/cyberpunk.json

npx shadcn@latest add https://www.shadcn.io/r/cyberpunk.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/cyberpunk.json

bunx shadcn@latest add https://www.shadcn.io/r/cyberpunk.json

Related Components

FAQ