New We have launched Flowbite Svelte Blocks!Check it out

Flowbite-Svelte Logo Flowbite-Svelte
  • Home
  • About
  • Blocks
View on GitHub
Join community on Discord
Subscribe to YouTube channel

Browse docs

  • Getting Started
    • About
    • Faster Compiling Speed
    • Getting Started
    • How to Contribute
    • License
    • Types
  • components
    • Accordion
    • Alert
    • Avatar
    • Badge
    • Sticky Banner
    • Bottom Navigation
    • Breadcrumb
    • Button group
    • Buttons
    • Card
    • Carousel
    • Dark mode
    • Drawer
    • Dropdown
    • Footer
    • Forms
    • Gallery
    • Indicators
    • KBD
    • List group
    • Mega menu
    • Modal
    • Navbar
    • Pagination
    • Popover
    • Progress bar
    • Rating
    • Sidebar
    • Skeleton
    • Speed Dial
    • Spinner
    • Tabs
    • Tables
    • Timeline
    • Toast
    • Tooltip
    • Typography
    • Video
  • forms
    • Checkbox
    • File input
    • Floating label
    • Input fields
    • Radio
    • Range
    • Search input
    • Select
    • Textarea
    • Toggle
  • typography
    • Blockquote
    • Heading
    • HR
    • Images
    • Links
    • Lists
    • Paragraph
    • Text
  • examples
    • Sidebar Layout
    • Svelte Snapshot
  • extend
    • Flowbite Svelte Blocks
    • Flowbite Svelte Starters
    • Icons
    • Step Indicator
  • utilities
    • Close button
    • Colors
    • Label
    • Toolbar
  • experimental
    • Datepicker

Flowbite Svelte Blocks

Flowbite-Svete-Blocks provides all necessary components to get started quickly

Installation #

After installing Flowbite-Svelte, run the following to install Flowbite-Svelte-Blocks:

npm i -D shinokada/flowbite-svelte-blocks
Flowbite Svelte Blocks

Flowbite-Svelte Logo Flowbite-Svelte

Resources

  • Flowbite
  • Tailwind CSS

Follow us

  • GitHub
  • Discord

Legal

  • License

© 2025 Flowbite™ All Rights Reserved.