v1.0.0 — Now Available

Volt UI

Electric components for modern dark interfaces. Build stunning UIs with zero friction.

Download Components
40+
Components
0
Dependencies
4KB
Gzipped JS
12KB
Gzipped CSS

Download & Install

Get Volt UI into your project — use the CDN for instant setup or download the files directly.

CDN
Drop it in via CDN — no install step, no bundler needed.
<link href="https://voltui.l-w.xyz/volt.min.css" rel="stylesheet">
<script src="https://voltui.l-w.xyz/volt.min.js"></script>
Download Files
Grab the compiled CSS & JS files directly.
https://voltui.l-w.xyz/volt.min.css
https://voltui.l-w.xyz/volt.min.js

Colors

A carefully crafted dark palette with electric accents.

Core
Background
#050505
Card
#1A1D21
Accent
#00ffc4
Text
#e5e5e5
Semantic
Danger
#ff4757
Warning
#ffa502
Info
#3498db
Purple
#a855f7

Typography

Inter for body, JetBrains Mono for code.

Heading 1 — 48px

Heading 2 — 36px

Heading 3 — 28px

Heading 4 — 22px

Jumbotron

Lightweight hero sections for showcasing key content with a CTA.

Welcome to the Future

Build faster, ship sooner. Volt UI gives you everything you need to create stunning dark interfaces.

Need help integrating?

Check out our guides or reach out to the community.

Divider

Separate content with horizontal lines or text dividers.

Content above

Content below

or

Buttons

Versatile button system with variants, sizes, states, and groups.

Badges

Small status indicators and labels.

PrimarySecondarySuccessWarningDangerInfoPurple
ActivePendingOffline

Cards

Flexible containers for grouping content.

Neural Interface
Next-generation brain-computer interface.
New
System Status
Last updated 2m ago
CPU Usage87%

Alerts

Contextual feedback messages.

Info: A new version is available.
Success: Deployed successfully.
Error: Connection failed.

Forms

Complete form system with validation states.

Password must be at least 8 characters

Input Group

Extend form controls by adding text, buttons, or icons before or after inputs.

https://

Toggles

Switch-like inputs for boolean states.

Progress

Visual indicators for completion status.

Upload72%
Critical91%
Processing

Skeleton

Placeholder loading states that mimic content structure before data loads.

Tables

Structured data display with striped rows and hover states.

NameRoleStatus
Elena VasquezLead EngineerActive
Aria PatelPMAway
James OkaforBackend DevOffline

Avatars

User representation with images, initials, status, and groups.

AB
CD
EF
GH
+5

Toast

Non-intrusive notifications that auto-dismiss.

Tabs

Organize content into switchable panels.

Project Overview
Volt UI is a modern component library for dark-themed interfaces.
Key Features
  • CSS variables for full customization
  • Zero dependencies
Pricing
$0Free & Open Source

Accordion

Collapsible content sections for FAQs and progressive disclosure.

A modern, dark-first CSS component library with electric accent colors.
Yes! Completely free and open source.
Yes — framework-agnostic pure CSS + vanilla JS.

Tooltip

Contextual hints on hover. Pure CSS.

Appears on top
Appears below
Left side
Right side
Built with ⚡ Volt UI — Electric components for modern interfaces