Neon Cyber is one of the five design themes bundled with Nakshora 3.0. Vibrant, high-contrast, dark-first. Glows, saturated hues, cyber aesthetics.

When to choose it#

Dashboards for developer tools, gaming UIs, dark-mode-first products, anything that wants glow and energy. Pair with the .neon-* components.

Install#

js
import { neonTheme } from '@nakshora/core';

Sample markup#

html
<div class="neon-card p-6">
  <h3 class="neon-text font-bold">SYSTEM ONLINE</h3>
  <button class="neon-btn mt-4">Engage</button>
</div>

Pair it with#

Combine Neon Cyber with the matching component family: components/index|design components — and read concepts/dark-mode-strategies|dark mode strategies if you invert the scheme.

Tip. Mixing presets in one project is fine — import one for tokens and cherry-pick palettes from another.