Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

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

Official Svelte components built for Flowbite and Tailwind CSS
https://github.com/themesberg/flowbite-svelte

accordion buttons cards components dark-mode dropdown flowbite forms modals navbar pagination sidebar spinners svelte sveltejs tabs tailwindcss timelines tooltips ui-components

Last synced: 17 days ago
JSON representation

Official Svelte components built for Flowbite and Tailwind CSS

Host: GitHub
URL: https://github.com/themesberg/flowbite-svelte
Owner: themesberg
License: mit
Created: 2022-02-25T03:17:14.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-05-22T04:02:25.000Z (25 days ago)
Last Synced: 2024-05-22T17:43:29.799Z (25 days ago)
Topics: accordion, buttons, cards, components, dark-mode, dropdown, flowbite, forms, modals, navbar, pagination, sidebar, spinners, svelte, sveltejs, tabs, tailwindcss, timelines, tooltips, ui-components
Language: Svelte
Homepage: https://flowbite-svelte.com
Size: 42.6 MB
Stars: 1,936
Watchers: 19
Forks: 233
Open Issues: 126
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE

Lists

awesome-stars - flowbite-svelte
awesome-stars - themesberg/flowbite-svelte - Official Svelte components built for Flowbite and Tailwind CSS (Svelte)
popular-dependents-lists - themesberg/flowbite-svelte - 🌟 574 (Esbuild / themesberg/flowbite-svelte)
awesome-sveltekit - [code
awesome-stars - themesberg/flowbite-svelte - Official Svelte components built for Flowbite and Tailwind CSS (Svelte)

README

# FLOWBITE-SVELTE

[![npm version](https://badgen.net/npm/v/flowbite-svelte)](https://www.npmjs.com/package/flowbite-svelte) [![npm downloads](https://badgen.net/npm/dw/flowbite-svelte)](https://www.npmjs.com/package/flowbite-svelte) [![npm downloads](https://badgen.net/npm/dt/flowbite-svelte)](https://www.npmjs.com/package/flowbite-svelte) [![license](https://badgen.net/npm/license/flowbite-svelte)](https://github.com/themesberg/flowbite-svelte/blob/main/LICENSE) [![Discord](https://img.shields.io/discord/902911619032576090?color=%237289da&label=Discord)](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://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)

## Flowbite Svelte Starters

You can find all the starters in the Starters directory.

- [Flowbite SvelteKit starter](https://github.com/shinokada/flowbite-svelte-starter)
- [Svelte starter](https://github.com/shinokada/svelte-starter)
- [Svelte TS starter](https://github.com/shinokada/svelte-ts-starter)

## Flowbite Svelte Examples

You can find all the examples in the Examples directory.

- [Flowbite SvelteKit responsive sidebar layout](https://github.com/shinokada/flowbite-sveltekit-responsive-sidebar-layout)

## Installation

- [Getting started](https://flowbite-svelte.com/docs/pages/quickstart)
- [Introduction](https://flowbite-svelte.com/docs/pages/introduction)
- [Types](https://flowbite-svelte.com/docs/pages/typescript)
- [How to contribute](https://flowbite-svelte.com/docs/pages/how-to-contribute)
- [License](https://flowbite-svelte.com/docs/pages/license)

## Documentation

For full documentation, visit [flowbite-svelte.com](https://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)

## Tests

**Please use node v16.xx.x.**

Run:

```sh
npm run test
```

## Create props

```sh
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](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.

## SvelteKit version

1.0.1

## License

Flowbite Svelte is open-source under the [MIT License](https://flowbite-svelte.com/docs/pages/license).