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 SvelteKit starter
• Svelte starter
• Svelte TS starter

Flowbite Svelte Examples

You can find all the examples in the Examples directory.

• Flowbite SvelteKit responsive sidebar layout

Installation

• Getting started
• Introduction
• Types
• How to contribute
• License

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.