FLOWBITE-SVELTE
⚠️ Flowbite Svelte is currently in early development and APIs and packages are likely to change quite often.
Build websites even faster with Svelte components on top of Tailwind CSS
Flowbite Svelte is an official Flowbite UI component library for Svelte. All interactivities are handled by Svelte.
Visualize this repo's codebase
Flowbite Svelte Starters
You can find all the starters in the Starters directory.
Flowbite Svelte Examples
You can find all the examples in the Examples directory.
Installation
Documentation
For full documentation, visit flowbite-svelte.com.
Components
| Alert | Badge | Breadcrumb |
|
|
|
| Button | Button group | Card |
|
|
|
| Dropdown | Forms | List group |
|
|
|
| Typography | Modal | Tab |
|
|
|
| Navbar | Pagination | Timeline |
|
|
|
| Progress bar | Table | Toast |
|
|
|
| Tooltip | Datepicker | Spinner |
|
|
|
| Footer | Accordion | Sidebar |
|
|
|
| Carousel | Avatar | Rating |
|
|
|
| Input Field | File Input | Search Input |
|
|
|
| Select | Textarea | Checkbox |
|
|
|
| Radio | Toggle | Range Slider |
|
|
|
| Floating Label | Mega Menu | Skeleton |
|
|
|
| KBD (keyboard) | Drawer (offcanvas) | Popover |
|
|
|
| Video | Heading | Paragraph |
|
|
|
| Blockquote | Image | List |
|
|
|
| Link | Text | Horizontal line (HR) |
|
|
|
| Speed Dial | Stepper(TBA) | Indicators |
|
|
|
| Bottom Navigation | Sticky Banner | Gallery (Masonry) |
|
|
|
Community
If you need help or just want to discuss about the library join the community on Github:
⌨️ Discuss about Flowbite on GitHub
For casual chatting with others using the library:
💬 Join the Flowbite Discord Server
Tests
Please use node v16.xx.x.
Run:
npm run test
Create props
npm run gen:props
This will pull all props from components and replace files in /src/routes/props directory.
Contribute
Please read how to contribute if you'd like to be part of the Flowbite community of contributors.
Changelog
View the full changelog on this page.
SvelteKit version
1.0.1
License
Flowbite Svelte is open-source under the MIT License.
