Built by
Ahmed Kamel
Ahmed Kamel

K-WD Dashboard - Fully responsive dashboard built with Tailwind CSS & AlpineJS

Free, open-source admin dashboard template for internal tools and SaaS back offices, featuring responsive navigation, light/dark theme support, and a clean layout you can extend with your own pages and data.

K-WD Dashboard screenshot
laptop-mobile Responsive Layout

Adapts smoothly from mobile screens to desktop dashboards with flexible navigation patterns.

dark-mode Dark Mode

Includes a class-based dark theme you can toggle and extend across pages.

license MIT Licensed

Permissive MIT licensing allows personal and commercial use with minimal restrictions.

palette-2 Theme Customization

Tailwind configuration makes it straightforward to adjust colors and typography.

book-wrench Developer Friendly Setup

Simple install and build workflow supports quick local development and iteration.

circle-info-sparkle Overview

Launch an admin dashboard template with responsive layouts and dark mode

This free admin dashboard template helps you scaffold a clean back-office interface without starting from scratch. It’s aimed at developers who want a ready layout they can wire up to their own data and routes. The UI is built with Tailwind CSS and Alpine.js, making it a good fit for lightweight, HTML-first projects. It includes a class-based dark theme and is designed to scale from small screens up to desktop. Use it as a starting point for internal tools, SaaS admin areas, or any product that needs a consistent dashboard shell.

What's included

  • A dashboard layout structure with reusable page sections
  • Light and dark theme styling based on a class toggle
  • Responsive navigation and page layout behavior for mobile and desktop
  • Tailwind configuration that supports straightforward theme tweaks (colors, typography)
  • An Alpine.js-based front-end setup for interactive UI behavior
  • Template scaffolding suitable for extending with additional pages and modules

Ideal for

  • SaaS admin panels and account back offices
  • Internal tools and operations dashboards
  • Analytics and reporting UI shells
  • Content or user management interfaces
  • Rapid prototyping of admin experiences

Theming & dark mode

Dark mode is implemented using Tailwind’s class strategy, so you can control the theme at the layout level and extend it to new screens as you add them. Because styling is driven through the Tailwind config, adjusting brand colors and typography is typically a matter of changing theme tokens rather than rewriting components. This makes it convenient to keep both light and dark variants consistent as your dashboard grows.

License & usage

Released under the MIT license, so it can be used in personal or commercial projects with minimal restrictions.

Repository stats
lock-open 0 open issues
star 701 stars
eye 25 watching
code-fork 197 forks
code-commit 98 commits
history over 1 year ago
Stack
Tailwind CSS
Tailwind CSS v3.4
Alpine.js
Alpine.js 3.14.8
HTML
HTML
Highlights
circle-check-3 High resolution
circle-check-3 Well documented
circle-check-3 Responsive
circle-check-3 Open source
x logo-facebook logo-linkedin

Flowbite Admin Dashboard

star 2.8k

Free dashboard built with Flowbite

Cleopatra

star 1.6k

A clean & minimal admin dashboard template

Neat Starter

star 356

Starter Template for Netlify CMS, Eleventy, Alpine JS & Tailwind CSS