Skip to content

DarkMode UI — Component Kit with Dark + Light Theme (HTML/CSS/JS)

0 downloads 1 view Updated 1 hour ago
DarkMode UI — Component Kit with Dark + Light Theme (HTML/CSS/JS)
Price
Free
No cost
Downloads
0
Category
UI Design
Last update
Oct 07, 2026
License
MIT / Free use
Reviewed by our team before publishing

About this code

DarkMode UI is a free, lightweight UI component library built with pure HTML, CSS and vanilla JavaScript — no frameworks, no build step, no dependencies. It ships dark theme by default with a one-click light theme, so your website looks modern instantly. Drop components.css and components.js into any project and start building with 18 ready-to-use components: buttons (6 variants + sizes), hover-lift cards, stat cards, form inputs with validation states, checkboxes, radios, toggle switches, badges, dismissible alerts, modals, toast notifications, tabs, accordions, progress bars, striped/hover tables, avatars, pagination, tooltips, spinners, breadcrumbs and layout helpers. All colors are CSS variables, so you can rebrand the entire kit in minutes. A live demo page (index.html) is included so you can see every component working before you copy it. Free for personal and commercial use, no attribution required.

Features & includes

18 ready-to-use components — buttons
cards
forms
modals
toasts
tabs
accordions
tables and more
Dark theme by default with one-click light theme (choice auto-saved via localStorage)
Zero dependencies — 100% vanilla HTML/CSS/JS
no npm and no build step
Easy rebranding — all colors are CSS variables
restyle the whole kit in minutes
Accessible interactions — Esc/backdrop modal close
focus states
keyboard-friendly tabs
Live demo page included — preview every component before using it
DarkMode UI — Component Kit with Dark + Light Theme (HTML/CSS/JS)
Free
Download