All Projects → dcblogdev → admintw

dcblogdev / admintw

Licence: MIT license
Admin theme built with Tailwindcss and AlpineJS

Programming Languages

CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to admintw

Light Blue Dashboard
🔥 Free and open-source admin dashboard template built with Bootstrap
Stars: ✭ 110 (+69.23%)
Mutual labels:  admin, admin-template
Coreui Free Bootstrap Admin Template
CoreUI is free bootstrap admin template
Stars: ✭ 11,038 (+16881.54%)
Mutual labels:  admin, admin-template
Vue Admin Next
Professional enterprise application with Vue Composition API, Multi-Module Design, Data Processing Flow and Friendly User Interface.
Stars: ✭ 125 (+92.31%)
Mutual labels:  admin, admin-template
Material Dashboard
Material Dashboard - Open Source Bootstrap 5 Material Design Admin
Stars: ✭ 9,987 (+15264.62%)
Mutual labels:  admin, admin-template
Majesticadmin Free Bootstrap Admin Template
Simple Bootstrap 4 Dashboard template.
Stars: ✭ 160 (+146.15%)
Mutual labels:  admin, admin-template
Adminlte
AdminLTE - Free admin dashboard template based on Bootstrap 4
Stars: ✭ 40,112 (+61610.77%)
Mutual labels:  admin, admin-template
D2 Admin
An elegant dashboard
Stars: ✭ 11,012 (+16841.54%)
Mutual labels:  admin, admin-template
Clever Bootstrap 4 Admin Template With Angularjs Angular 2 Support
Clever is Boostrap 4 Admin Template with Angular 2 and AngularJS support
Stars: ✭ 98 (+50.77%)
Mutual labels:  admin, admin-template
Architectui Html Theme Free
ArchitectUI Dashboard Free is lightweight and comes packed with the minimal set of components to get you started. If you have a simple application, it’s the perfect solution for you. It’s built on top of Bootstrap 4 and features a scalable architecture just like it’s wiser, older sibling – ArchitectUI HTML Pro theme.
Stars: ✭ 155 (+138.46%)
Mutual labels:  admin, admin-template
React Admin
🎉 A magical react admin
Stars: ✭ 149 (+129.23%)
Mutual labels:  admin, admin-template
Iview Vue Admin
iView vue Admin / An admin management system template
Stars: ✭ 105 (+61.54%)
Mutual labels:  admin, admin-template
Nx Admin
👍 A magical 🐮 ⚔ vue admin,记得star
Stars: ✭ 2,497 (+3741.54%)
Mutual labels:  admin, admin-template
Layui Admin
基于layui和thinkphp6.0的快速后台开发框架。快速构建完善的管理后台,内置表单、表格的php生成,以及完善的RBAC权限管理。
Stars: ✭ 101 (+55.38%)
Mutual labels:  admin, admin-template
Lightning Admin Angular
A mobile first design of a responsive admin template built with angular and bootstrap
Stars: ✭ 107 (+64.62%)
Mutual labels:  admin, admin-template
Gentelella
Welcome to Gentelella - Responsive Bootstrap Admin Application based on the Foundation of Symfony and Gentelella!
Stars: ✭ 100 (+53.85%)
Mutual labels:  admin, admin-template
Gatsby Admin Template
Free admin dashboard template based on Gatsby with @paljs/ui component package
Stars: ✭ 124 (+90.77%)
Mutual labels:  admin, admin-template
Shards Dashboard React
⚛️A free and beautiful React admin dashboard template pack.
Stars: ✭ 1,268 (+1850.77%)
Mutual labels:  admin, admin-template
Ant Back
🚀 react后台,后台管理系统
Stars: ✭ 90 (+38.46%)
Mutual labels:  admin, admin-template
Blur Admin
AngularJS Bootstrap Admin Panel Framework
Stars: ✭ 11,274 (+17244.62%)
Mutual labels:  admin, admin-template
Stisla
Free Bootstrap Admin Template
Stars: ✭ 2,772 (+4164.62%)
Mutual labels:  admin, admin-template

AdminTW

The theme sources files are located in public.

Laravle users see https://github.com/dcblogdev/laravel-admintw

AdminTW

With dark mode support AdminTW

Run Tailwind

The original source files to run Tailwind has been included to enable you to run the same setup.

To run the source files follow these steps:

  1. Download or clone this repo, moving into the root and install NPM
npm install

Watch the html files as you make changes. You can install NPM Live-Server to watch for changes in html files and auto reload the pages.

to install Live Server globally:

npm install -g live-server

Then to run and watch the public folder:

live-server public

Getting ready for deployment

For production the stylesheet will need to be perged of all unused CSS classes.

To do this open postcss.config.js then uncomment:

/*require('@fullhuman/postcss-purgecss')({
    content: [
      './public/*.html'
    ],
    defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []
})*/

To it looks like this:

require('@fullhuman/postcss-purgecss')({
    content: [
      './public/*.html'
    ],
    defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []
})

Then install NPM if you haven't already by running

npm install

Next recompile the styles.css by running

npm run build

this will then remove all unused styles from tailwind into the public/css/tailwind.css file.

This should only be done for deployment.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].