DarkMode UI — Component Kit with Dark + Light Theme (HTML/CSS/JS)
DarkMode UI is a free, lightweight UI component library built with pure HTML, CSS and vanilla JavaScript — no frameworks, no build step, no...
New here? Create a free account
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-click light theme. Includes 18 ready-to-use components built with pure HTML, CSS and vanilla JavaScript: buttons, cards, forms, toggles, badges, alerts, modals, toasts, tabs, accordions, progress bars, tables, avatars, pagination, tooltips, spinners and breadcrumbs. Everything is styled with clean CSS variables, so rebranding takes minutes. Interactive components (theme toggle, modal, toast, tabs, accordion) are powered by a tiny vanilla JS helper — no jQuery, no frameworks, no build step. Total size ~25 KB. Includes a live demo/showcase page (index.html) displaying every component, so you can see exactly what you're getting before using it in your project. Perfect for portfolios, dashboards, landing pages and admin panels — copy-paste the components you need into any project.