https://github.com/themesberg/flowbite-svelte-next
Flowbite Svelte is a UI library built from scratch to leverage Svelte 5's runes system, creating smooth, reactive components
https://github.com/themesberg/flowbite-svelte-next
css flowbite html javascript svelte svelte-5 sveltekit tailwind-css tailwindcss ui
Last synced: about 2 months ago
JSON representation
Flowbite Svelte is a UI library built from scratch to leverage Svelte 5's runes system, creating smooth, reactive components
- Host: GitHub
- URL: https://github.com/themesberg/flowbite-svelte-next
- Owner: themesberg
- License: mit
- Created: 2024-11-28T08:56:49.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-11-30T10:00:00.000Z (10 months ago)
- Last Synced: 2025-01-27T11:56:21.764Z (8 months ago)
- Topics: css, flowbite, html, javascript, svelte, svelte-5, sveltekit, tailwind-css, tailwindcss, ui
- Language: CSS
- Homepage: https://preview.flowbite-svelte.com
- Size: 13.5 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: License
Awesome Lists containing this project
README
# FLOWBITE-SVELTE
[](https://www.npmjs.com/package/flowbite-svelte) [](https://www.npmjs.com/package/flowbite-svelte) [](https://www.npmjs.com/package/flowbite-svelte) [](https://github.com/themesberg/flowbite-svelte/blob/main/LICENSE) [](https://discord.com/invite/4eeurUVvTy)
**⚠️ 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](https://next.flowbite-svelte.com/) is an official Flowbite UI component library for Svelte. All interactivities are handled by Svelte.
[Visualize this repo's codebase](https://mango-dune-07a8b7110.1.azurestaticapps.net/?repo=themesberg%2Fflowbite-svelte)
## Installation
- [Getting started](https://next.flowbite-svelte.com/docs/pages/quickstart)
- [Introduction](https://next.flowbite-svelte.com/docs/pages/introduction)
- [Types](https://next.flowbite-svelte.com/docs/pages/typescript)
- [How to contribute](https://next.flowbite-svelte.com/docs/pages/how-to-contribute)
- [License](https://next.flowbite-svelte.com/docs/pages/license)## Documentation
For full documentation, visit [next.flowbite-svelte.com](https://next.flowbite-svelte.com/).
## Components
Alert
Badge
Breadcrumb
![]()
![]()
![]()
Button
Button group
Card
![]()
![]()
![]()
Dropdown
Forms
List group
![]()
![]()
![]()
Typography
Modal
Tabs
![]()
![]()
![]()
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](https://github.com/themesberg/flowbite-svelte/discussions)
For casual chatting with others using the library:
💬 [Join the Flowbite Discord Server](https://discord.gg/4eeurUVvTy)
## Contribute
Please read [how to contribute](https://github.com/themesberg/flowbite-svelte/blob/main/CONTRIBUTING.md) if you'd like to be part of the Flowbite community of contributors.
## Changelog
View the full [changelog](https://github.com/themesberg/flowbite-svelte/blob/main/CHANGELOG.md) on this page.
## License
Flowbite Svelte is open-source under the [MIT License](https://next.flowbite-svelte.com/docs/pages/license).