Mini HTML is a one page free Tailwind CSS template. You can use it as a personal website or to create small landing pages.
Easy to customize the main colors to change the look & feel of the entire site via Tailwind classes.
-
Clone the repository:
git clone git@github.com:nicoandrade/mini-html.git <YOUR_PROJECT_NAME> cd <YOUR_PROJECT_NAME>
Or else simply download the template zip file from this link.
-
Grab the
./dist
folderInside this folder are all the necessary files to use the template on your production enviroment.
-
Edit the template
You can start editing
./dist/index.html
Change any HTML or CSS classes to fit your needs
If you want to make changes to the Tailwind configuration file or do a deeper development with the template, follow these steps.
-
Install the dependencies:
npm install
-
Start the development server:
npm run dev
Now you should be able to see the project running at localhost:3000.
-
Open
./src/index.html
in your editor (VS Code recommended) and start editing!
Then to publish your changes to the ./dist
folder, which is the folder you have to use in production, just use the build
command
npm run build
And then you will see your new files optimized for production inside ./dist
folder
Some of the awesome products used on this template