A downloadable tool

Download NowName your own price

Itch Tailwind

Local development environment for itch.io project pages, based on Vite and TailwindCSS

  • Develop locally

    Live reloading development server

  • Build

    Minify HTML and CSS

  • Deploy

    by copy pasting

Features

Data driven templates

HTML templates using variables and loops, powered by posthtml-expressions

index.html
<each loop="review in reviews"> <h3>{{ review.title }}</h3> <p>{{ review.content }}</p> </each>

Make it your own

Customize your build however you'd like! All configuration is out in the open. Edit build settings, add or remove plugins and features.

Add any other tailwind component libraries, like daisyUI, RippleUI, TailBlocks etc.

Better living through post-processing

  • Automatically prefix classes with custom- in both HTML and CSS.
  • Add vendor prefixes for non-standard CSS features for better support.
  • Minify HTML and CSS

Installation and Usage

Download and extract Itch Tailwind

Run npm install to install project dependencies

Download your current project templates with npm run fetch-templates https://yourname.itch.io/projectname

Start the development server with npm run start

When you're ready, build your new assets with npm run build

Copy your HTML to your itch project page, and your CSS to your page theme's CSS field.

You can use npm run copy-css and npm run copy-html to copy the contents of your built files to the clipboard

Updated 16 days ago
StatusIn development
CategoryTool
Authorbilliam
Tagscss, html, tailwind, vite
Linksnpm, Source code

Download

Download NowName your own price

Click download now to get access to the following files:

Itch Tailwind 10 kB
Version 0.0.2

Comments

Log in with itch.io to leave a comment.