← All Products Tool

cyberpunk-ui

A zero-dependency cyberpunk CSS kit — neon design tokens, glow/glitch/scanline effects, glassmorphism components, and a WCAG-aware light theme. No build step, no JavaScript, no runtime.

Vanilla CSS Design Tokens Zero Dependencies npm Package

npm i @laddtnov/cyberpunk-ui GitHub Repo Live Demo

Usage

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@laddtnov/cyberpunk-ui@0.2.0/tokens.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@laddtnov/cyberpunk-ui@0.2.0/cyberpunk-ui.css">

What I Learned

I pulled this portfolio's neon aesthetic — tokens, glow/glitch/scanline effects, and components — out into a standalone package. It taught me to think like a library author: namespace every class, make glows theme-aware with RGB tokens, and package it all for npm with no build step.