flowbite-svelte

(★ 2,780)

Official Svelte components built for Flowbite and Tailwind CSS

File Explorer

Showing a partial file list — download the zip above to see everything.

- config.json
- README.md
- - bug_report.yml
  - config.yml
  - feature_request.md
- - playwright-and-lint.yaml
- pull_request_template.md
- settings.json
- admin-dashboard.test.ts
- blocks.test.ts
- builder.spec.ts
- components.spec.ts
- examples.spec.ts
- extend.spec.ts
- forms.spec.ts
- icons.test.ts
- og-check.test.ts
- page.spec.ts
- plugins.spec.ts
- typography.spec.ts
- utilities.spec.ts
- clean-llms-urls.sh
- icons.md
- illustrations.md
- update-llms.sh
- - content-gallery-3.png
- - context.ts
  - index.ts
  - types.ts
  - uiHelpers.svelte.ts
- - slug.ts
- - +error.svelte
  - +layout.server.ts
  - +layout.svelte
  - +page.server.ts
  - +page.svelte
- app.css
- app.d.ts
- app.html
- demo.spec.ts
- hooks.server.js
.coderabbit.yml
.env.example
.gitignore
.npmrc
.prettierignore
.prettierrc
AGENTS.md
CHANGELOG.md
CLAUDE.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
eslint.config.js
GEMINI.md
include-files.js
LICENSE
llm.config.js
md-to-lim.txt
mdsvex.config.js
package.json
playwright.config.ts
pnpm-lock.yaml
README.md

1. Get the code

git clone https://github.com/themesberg/flowbite-svelte

Downloads the entire project code from GitHub to your computer.

cd flowbite-svelte

Moves into the project folder you just downloaded.

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Docker Desktop Needed to build and run containers. Install it and keep it running in the background.

docker build -f src/routes/admin-dashboard/utils/highlight/languages/dockerfile.d.ts -t flowbite-svelte .

Builds a runnable image based on the Dockerfile.

docker run -p 8080:80 flowbite-svelte

Runs the built image as an actual container.

✅ Run docker compose ps to check the containers are Up. If the README mentions a port, open http://localhost:PORT in your browser.

Easy

Prerequisites

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.