tailwind-solid-test Tailwind Templates

Tailwind Solid Test

Testing Tailwind CSS and solid.js

npm create vite@latest
Need to install the following packages:
[email protected]
Ok to proceed? (y) y
✔ Project name: ... tailwind-solid-test
✔ Select a framework: › Solid
✔ Select a variant: › JavaScript

Scaffolding project in tailwind-solid-test...

Done. Now run:

  cd tailwind-solid-test
  npm install
  npm run dev

http://localhost:5173/

Get started with Tailwind CSS

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init

Add Tailwind to your PostCSS configuration

Configure your template paths

Replace index.css with

@tailwind base;
@tailwind components;
@tailwind utilities;

Go to App.jsx

Remove everything from return and put

<h1>Hello Solid!</h1>

Licensing Notice

This project may include third-party open-source code, which remains subject to its original licenses.
Attribution is provided in the source code where applicable.

If you believe there is an issue with licensing, please open an issue or contact the repository owner for resolution.


Top categories

Loading Svelte Themes