flowbite-svelte.com Open in urlscan Pro
76.76.21.21  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Open main menu Flowbite Svelte
SearchK
 * Home
 * Docs
 * Quickstart
 * Components
 * Figma
 * Blocks

View on GitHub Join community on Discord Subscribe to YouTube channel
v0.44.18
Open main menu


SPEED UP YOUR WEB DEVELOPMENT WITH FLOWBITE SVELTE

Flowbite Svelte is an official Flowbite component library for Svelte. All
interactivities are handled by Svelte.


Get started

Featured in:

Featured in:


SVELTE UI COMPONENTS

Explore the whole collection of over 58 open-source UI components and
interactive elements built with Svelte and Flowbite

Accordion

Alert

Avatar

Badge

Banner

Blockquote

Bottom Navigation

Breadcrumb

Button group

Buttons

Cards

Carousel

Checkbox

Darkmode

Datepicker

Device Mockups

Drawer

Dropdown

View all components


SVELTE UI COMPONENTS

Flowbite Svelte is a free and open-source UI component library built using
Svelte based on Flowbite and Tailwind CSS.

By installing the package via NPM you will be able to build modern looking web
applications fast by leveraging Svelte, Tailwind CSS and Flowbite using
ready-made UI components like dropdowns, navbars, modals, and more.

 * Huge collection of UI components
 * Open-source under the MIT License
 * Interactivity handled by Svelte
 * Utility classes based on Tailwind CSS
 * Based on the Flowbite ecosystem and design

Start building View on GitHub
Light
Dark


DARK MODE INTEGRATION

Flowbite Svelte supports dark mode and can be easily integrated into your
project by following the official documentation based on Svelte.

Enabling dark mode will allow users to either select the preferred method (light
or dark) or automatically switch based on the operating system settings.

 * Increased accessibility based on room brightness
 * Better visibility for users with low vision
 * Improved readability for users with light sensitivity

Learn more how to integrate dark mode


WORKS WITH TAILWIND CSS

Flowbite Svelte uses the Tailwind CSS utility classes under the hood which means
it will be easy to customize the appearance and specifications of the UI
components directly from the HTML code.

Tailwind CSS is a popular and open-source utility-first CSS framework that you
can use to speed up the development of your front-end projects.

Flowbite Svelte is also based on the core Flowbite UI component library the also
features interactive UI components like dropdowns, modals, navbars, and more.

Flowbite provides a robust set of design tokens and components based on the
popular Tailwind CSS framework. From the most used UI components like forms and
navigation bars to the whole app screens designed both for desktop and mobile,
this UI kit provides a solid foundation for any project.

Designing with Figma components that can be easily translated to the utility
classes of Tailwind CSS is a huge timesaver!

Eugene Fedorenko / Lead designer at Wildbit

1,467

Stars on Github

714,955

Downloads on NPM

5,400

Figma duplicates

410

Discord members online


DESIGN WITH FIGMA

Track work across the enterprise through an open, collaborative platform. Link
issues across Jira and ingest data from other software development tools.

Our design system is being used by a large number of devs:

Preview in Figma

Learn more




COMMUNITY CONTRIBUTORS

Join the open-source community by contributing to the Flowbite Svelte Library
and become one of the highlighted members




JOIN THE COMMUNITY

Become a member of a community of developers supporting by Flowbite

See our repository


GET STARTED

Explore our Svelte UI components – easily create clean, accessible web designs.
Begin your journey and enhance your projects today.


See our docs
Flowbite Svelte

Flowbite Svelte is an open-source UI component library built with Svelte
components and Tailwind CSS that can help you build websites faster.

Code licensed MIT , docs CC BY 3.0 .


RESOURCES

 * GitHub
 * Flowbite
 * Tailwind CSS
 * Figma Design


HELP AND SUPPORT

 * Discord Community
 * GitHub Discussions


LEGAL

 * License
 * Brand usage

--------------------------------------------------------------------------------

© 2023 Flowbite™ is a registered trademark. All Rights Reserved.

Your new development career awaits. Check out the latest listings.ads via Carbon