Menu
Libraries |
Category

svelte-tailwind2-starter

  • Purpose: A starter template for building Svelte applications with TailwindCSS 2.0 and RollupJS as the bundler.
  • Key Features:
    • Built-in support for TailwindCSS 2.0 with dynamic dark/light mode switching.
    • Includes a pre-configured Rollup setup for bundling.
    • Example of dynamic theming (light/dark) with a surprise button.
  • Target Audience: Developers looking for a quick-start Svelte project with TailwindCSS integration.

Limitations

  • Development Mode: Includes the full TailwindCSS bundle (~6.8MB), making it unsuitable for production.
  • Production Mode: Purges unused CSS (~7KB), but dynamic Svelte classes (e.g., class:dark) must be manually safelisted in tailwind.config.js to prevent unintended purging.

Framework Support

  • Primarily designed for Svelte with TailwindCSS.

(Note: Installation, deployment, and development scripts are omitted as per instructions.)

tailwindcssrolluptailwindsveltesvelte3sveltejs

Comments