/mini-html

Free Tailwind CSS template

Primary LanguageCSSMIT LicenseMIT

Mini HTML - Free Tailwind CSS template

Mini HTML

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.

How to use this template

  1. 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.

  2. Grab the ./dist folder

    Inside this folder are all the necessary files to use the template on your production enviroment.

  3. Edit the template

    You can start editing ./dist/index.html

    Change any HTML or CSS classes to fit your needs

Tips for Developers

If you want to make changes to the Tailwind configuration file or do a deeper development with the template, follow these steps.

  1. Install the dependencies:

    npm install
  2. Start the development server:

    npm run dev

    Now you should be able to see the project running at localhost:3000.

  3. 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

Credits

Some of the awesome products used on this template