Admin dashboard template built with Tailwind CSS and Alpine.js
HTMLAdmin dashboard
TailwindCSS-Alpine.js-Template — HTML Admin dashboard Template
By vojislavd
A free admin dashboard template built with Tailwind CSS and Alpine.js, containing multiple pages and components that can be reused directly in projects already configured with these two libraries.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-02View source
What stands out
A quick read of the recorded project description.
Provides an online demo site to view page effects directly
Components can be reused in any project that has Tailwind CSS and Alpine.js installed
Depends on primary/secondary color configuration in tailwind.config.js and the @tailwindcss/forms plugin
Includes inner page examples such as e-commerce products; the repository's tailwind.config.js shows the complete configuration
Open source under the MIT license, free to use, modify, commercialize, and distribute
Template Details
This is an admin dashboard template built with Tailwind CSS and Alpine.js. The repository is open source under the MIT license and provides an online demo. The template consists of static HTML pages, with interactions on the pages relying on Alpine.js and styling relying on Tailwind CSS.
In terms of usage, the author states that these components can be placed into any project that already has Tailwind CSS and Alpine.js installed, but two prerequisites must be met: configure the primary and secondary colors in tailwind.config.js, and install the @tailwindcss/forms plugin. If you do not plan to use the primary, primary-dark, secondary, secondary-dark color naming scheme, you need to replace these colors with your own in the components that use them. If you want to use custom scrollbars, you also need to configure them additionally in tailwind.config.js. The tailwind.config.js file in the repository shows the complete configuration.
Running locally requires a Node environment: execute npm install in the project directory to install dependencies, then execute npm run dev, and the project will run at http://localhost:3000/.
Regarding licensing, the code is under the MIT license, allowing free use, modification, commercial use, and distribution. When distributing copies or substantial portions of the code, the copyright notice and the full MIT license notice must be retained. Third-party assets such as images, fonts, and icons in the demo need to be checked separately under their respective licenses. External services such as domains, hosting, and databases may incur separate charges.
HTMLAdmin panel
Is it right for your project?
Use Cases
- Building a dashboard page skeleton for an admin backend
- Reusing ready-made components in an existing project with Tailwind CSS and Alpine.js
- Quickly prototyping a data-display admin interface
- Referencing its tailwind.config.js for color and form plugin configuration
Suitable For
- Front-end projects already using Tailwind CSS and Alpine.js
- Developers who need a basic structure for an admin dashboard interface
- Teams that want to make secondary modifications based on MIT-licensed code
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Run npm install in the project directory to install dependencies
- 2
Run npm run dev to start; by default access http://localhost:3000/
- 3
Configure primary and secondary colors in tailwind.config.js
- 4
Install the @tailwindcss/forms plugin
- 5
If custom scrollbars are needed, configure them separately in tailwind.config.js
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Using these components requires that the target project already has Tailwind CSS and Alpine.js installed, that primary and secondary colors are configured in tailwind.config.js, and that the @tailwindcss/forms plugin is installed.
- If you do not use the default primary, primary-dark, secondary, secondary-dark color naming, you must manually replace them with custom colors in all components that use these colors.
- If you want to use custom scrollbars, you must additionally configure them in tailwind.config.js.
- Demo images, fonts, icons, and other third-party assets need to be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
You can use these components in any project where Tailwind CSS and Alpine.js are installed, just make sure you are configured primary and secondary colors in tailwind.config.js and you have @tailwindcss/forms plugin installed.
Original README
If you don't want to use primary and secondary colors, replace `primary`, `primary-dark`, `secondary` and `secondary-dark` for colors you want in all components where those colors are used.
Original README
https://github.com/vojislavd/TailwindCSS-Alpine.js-Template/blob/master/LICENSE.mdhttps://github.com/vojislavd/TailwindCSS-Alpine.js-Template/blob/master/README.mdIf you want to use customized scrollbar, make sure to configure that also in tailwind.config.js.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 91 / 100
- Technologies
- HTML
- Website type
- Admin dashboard
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-09-07
- Screenshot last checked
- 2026-10-02
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: bab8a2414c469e596e9d26a9c23dcd12a44126c24182be8b001f69eb6ac838d9
2026-10-02T15:49:19.432Z
Source file / repository# Tailwind CSS & Alpine.js Template <img src="https://user-images.githubusercontent.com/23532087/137189566-765e9df9-acca-4281-ba9c-3f438753b8ed.png"> Free admin dashboard template created with Tailwind CSS and Alpine.js. ## Demo You can check the demo here :point_right: <a href="https://vojislavd.com/ta-template-demo/"> DEMO </a> ## Usage You can use these components in any project where Tailwind CSS and Alpine.js are installed, just make sure you are configured primary and secondary colors in tailwind.config.js and you have @tailwindcss/forms plugin installed. If you don't want to use primary and secondary colors, replace `primary`, `primary-dark`, `secondary` and `secondary-dark` for colors you want in all components where those colors are used. If you want to use customized scrollbar, make sure to configure that also in tailwind.config.js. Check `tailwind.config.js` file to see how to configure everything properly. ## Installation In the project directory run `npm install` command to install all required packages. After installation is completed, run `npm run dev` command and you will have project running at http://localhost:3000/. Enjoy :palm_tree: ## License The project is open-sourced software licensed under the [MIT license](LICENSE.md).
Explore similar templates
Compare previews and descriptions within the same stack and category.
gentelella
Gentelella v4 is a free, open-source admin dashboard template maintained by Colorlib, built with vanilla JavaScript, SCSS, and Vite 8 without Bootstrap or jQuery.
HTML · Admin dashboard
coreui-free-bootstrap-admin-template
A free Bootstrap admin template maintained by CoreUI, built on CoreUI's own UI component library. It provides compiled HTML pages and Pug template source code, covering dashboards, authentication, forms, components, icons, and error pages.
HTML · Admin dashboard
dashboards
A collection of responsive dashboard HTML templates open-sourced by Keen IO, built on CSS Grid, offering multiple prebuilt admin data interface layouts.
HTML · Admin dashboard
SB Admin 2
SB Admin 2 is a classic Bootstrap admin template from Start Bootstrap, offering dashboards, charts, tables, and common management pages.
HTML · Admin dashboard
Adminator-admin-dashboard
Adminator 4 is a vanilla HTML, CSS and JavaScript admin dashboard template with a CSS-variable token design system, built-in light and dark themes, no jQuery or Bootstrap dependency, and 18 pages covering dashboards, mail, calendar, charts, forms, tables and error pages.
HTML · Admin dashboard
SB Admin
SB Admin is a lightweight, open-source Bootstrap admin template from Start Bootstrap. It offers a sidebar-and-top-bar layout with data tables, forms, and stat cards, plus responsive design.
HTML · Admin dashboard