svelte-tailwind-template Svelte Themes

Svelte Tailwind Template

Quick template for Svelte apps with TailwindCSS. Use with degit (https://github.com/Rich-Harris/degit) for tasty results.

Psst — looking for a shareable component template? Go here --> sveltejs/component-template


svelte app

Project template for Svelte apps.

It's based on the official Svelte template at https://github.com/sveltejs/template, with added support for TailwindCSS.

Tailwind integration and settings courtesy of this excellent post from Muhammad Muhajir.

To create a new project based on this template using degit:

npx degit advanceparty/svelte-tailwind-template your-app-name
cd your-app-name

Get started

Install the dependencies...

cd svelte-app
npm install

...then start Rollup:

npm run dev

Navigate to localhost:5000. You should see your app running. Edit a component file in src, save it, and reload the page to see your changes.

Deploying to the web

With now

Install now if you haven't already:

npm install -g now

Then, from within your project folder:

cd public
now

As an alternative, use the Now desktop client and simply drag the unzipped project folder to the taskbar icon.

With surge

Install surge if you haven't already:

npm install -g surge

Then, from within your project folder:

npm run build
surge public

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes