Starter kit for building Lit components using Tailwind CSS.
Utilizing Lit components, Tailwind CSS, Vite, Storybook, Prettier with Tailwind CSS class reordering, minified CSS, PostCSS, Cypress for testing, and visual regression.
- Generate a minified Tailwind CSS file at
/static/tw.css
by executing: npm runtw:create
. - Build a JavaScript file for use with Lit components at /statictwlit.js by running npm run tw:build.
- Launch the Vite development server with npm run dev.
- Include components in /index.html, for example: <script type="module" src="/src/components/my-component/my-component.js"></script>.
For development, utilize tw:build:dev
. The generated Tailwind styles remain unminified.