Skip to content

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

0 downloads 74 views Updated 2 weeks 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
Glassmorphism UI Kit — Glass Cards, Navbar, Forms, Modals & Toasts (HTML/CSS/JS)
Free
UI Design • 2h ago

Glassmorphism UI Kit — Glass Cards, Navbar, Forms, Modals & Toasts (HTML/CSS/JS)

Glassmorphism UI Kit — Frosted-Glass Components for Modern Websites Beautiful frosted-glass cards, navbar, forms, modals and toasts in pure...

1 10
Free
FormKit UI — Form & Input Component Library (HTML/CSS/JS)
Free
UI Design • 5d ago

FormKit UI — Form & Input Component Library (HTML/CSS/JS)

FormKit UI — Form & Input Component Library Stop rebuilding the same form elements on every project. FormKit UI is a free, copy-paste librar...

2 33
Free
DashKit — Responsive Admin Dashboard UI Kit (HTML/CSS/JS)
Free
UI Design • 1w ago

DashKit — Responsive Admin Dashboard UI Kit (HTML/CSS/JS)

DashKit — Free Responsive Admin Dashboard UI Kit Building an admin panel from scratch wastes days. DashKit gives you a complete, dependency-...

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