https://github.com/dcblogdev/admintw
Admin theme built with Tailwindcss and AlpineJS
https://github.com/dcblogdev/admintw
admin admin-template alpinejs tailwindcss theme
Last synced: about 2 months ago
JSON representation
Admin theme built with Tailwindcss and AlpineJS
- Host: GitHub
- URL: https://github.com/dcblogdev/admintw
- Owner: dcblogdev
- License: mit
- Created: 2020-10-09T08:01:12.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-12-11T10:48:53.000Z (over 3 years ago)
- Last Synced: 2025-04-30T09:16:23.457Z (about 2 months ago)
- Topics: admin, admin-template, alpinejs, tailwindcss, theme
- Language: CSS
- Homepage:
- Size: 2.26 MB
- Stars: 68
- Watchers: 4
- Forks: 13
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# AdminTW
The theme sources files are located in public.
Laravle users see [https://github.com/dcblogdev/laravel-admintw](https://github.com/dcblogdev/laravel-admintw)
With dark mode support
## 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
```js
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:
```js
npm install -g live-server
```
Then to run and watch the public folder:
```js
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:
```js
/*require('@fullhuman/postcss-purgecss')({
content: [
'./public/*.html'
],
defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []
})*/
```
To it looks like this:
```js
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
```js
npm install
````
Next recompile the styles.css by running
```js
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.