Getting Started

You can install Flowbite-Svelte by using the Flowbite-Svelte-Start or from scratch.

Installing from scratch

Install SvelteKit:

npm init svelte@next sveltekit-demo 
cd sveltekit-demo
npm install 

Install Tailwind CSS:

npx svelte-add@latest tailwindcss
npm i

Run it:

npm run dev

Install flowbite and flowbite-svelte:

npm i -D flowbite flowbite-svelte

Update tailwind.config.cjs:

const config = {
  content: [
    "./src/**/*.{html,js,svelte,ts}",
    "./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}",
  ],

  theme: {
    extend: {},
  },

  plugins: [
    require('flowbite/plugin')
  ],
  darkMode: 'class',
};

module.exports = config;

Now you are ready to go!

Related topics

References