Skip to content

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

0 downloads 29 views Updated 3 days 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.

Need a Custom Website or Mobile App?

Downloading free code is just the start. Yadu Tech builds complete websites and mobile apps for businesses — design, development, deployment, all done for you.

👉 Chat on WhatsApp

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

You might also like

More in UI Design
DarkMode UI — Component Kit with Dark & Light Theme (HTML/CSS/JS)
Free
UI Design • 3d ago

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

DarkMode UI is a lightweight, dependency-free UI component kit that gives your website a premium dark theme out of the box — plus a one-clic...

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