https://github.com/agneym/svelte-tailwind-snowpack

TailwindCSS with Svelte and Snowpack v3
https://github.com/agneym/svelte-tailwind-snowpack

snowpack svelte tailwind tailwindcss

Last synced: 3 months ago
JSON representation

TailwindCSS with Svelte and Snowpack v3

• Host: GitHub
• URL: https://github.com/agneym/svelte-tailwind-snowpack
• Owner: agneym
• License: other
• Created: 2020-06-14T05:03:09.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-12-10T11:06:06.000Z (7 months ago)
• Last Synced: 2025-03-30T01:09:58.295Z (4 months ago)
• Topics: snowpack, svelte, tailwind, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 2.29 MB
• Stars: 100
• Watchers: 3
• Forks: 9
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Svelte with TailwindCSS - Snowpack

> ✨ Community template for Svelte and Tailwind.

![npm](https://img.shields.io/npm/v/svelte-tailwind-snowpack?logoColor=%23cd3534&style=flat-square)

![Twitter Follow](https://img.shields.io/twitter/follow/agneymenon?style=flat-square)

Create a new project with:

```bash

npx create-snowpack-app dir-name --template svelte-tailwind-snowpack

```

Uses `svelte-preprocess`.

- TailwindCSS with Autoprefixer

- Testing with [@testing-library/svelte](https://testing-library.com/docs/svelte-testing-library/intro/) and Web test runner

- Prettier with [svelte-plugin](https://github.com/sveltejs/prettier-plugin-svelte)

## Available Scripts

### npm start

Runs the app in the development mode.

Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.

You will also see any lint errors in the console.

### npm test

Launches the test runner in the interactive watch mode.

See the section about running tests for more information.

### npm run build

Builds a static copy of your site to the `build/` folder.

Your app is ready to be deployed!

**For the best production performance:** Add a build bundler plugin like "@snowpack/plugin-webpack" or "@snowpack/plugin-parcel" to your `snowpack.config.json` config file.

### Q: What about Eject?

No eject needed! Snowpack guarantees zero lock-in, and CSA strives for the same.