Compare Sizes
Register
English Français Español

History of Flowbite Svelte

Last update 2022-12-31 12:10:05
Creation date 2022-12-30 17:22:25
  • Vanina on 2022-12-31 12:05:32
    TreeView
    no
    Center
  • Vanina on 2022-12-31 00:30:44
    FormField
  • Vanina on 2022-12-30 22:57:07
    Viewer
    public
    Editor
    public
  • Vanina on 2022-12-30 22:43:24
    Affix
    - Sticky navbar
  • Vanina on 2022-12-30 22:35:04
    Snackbar
    no
    SnackbarContainer
    no
  • Vanina on 2022-12-30 22:28:32
    Radio Button
    yes to let the user choose a single option from multiple options in the form of a circle based on multiple styles and colors
  • Vanina on 2022-12-30 22:06:09
    Notification
    yes Push notifications to your users using the toast component and choose from multiple sizes, colors, styles, and positions
  • Vanina on 2022-12-30 21:54:55
    use-clipboard
    no
    Image Filters
    no
    use-focus-trap
    no
  • Vanina on 2022-12-30 21:46:39
    Progress Radials / Circular Progress
    no
  • Vanina on 2022-12-30 21:39:10
    Conic Gradients
    no
  • Vanina on 2022-12-30 21:22:45
    Descrizione

    Flowbite is an open-source library of over 400+ web components and interactive elements built with the utility classes from Tailwind CSS. Flowbite-Svelte is the official Flowbite library for Svelte. All interactivities are handled by Svelte.

    Unlike other libraries, Flowbite focuses on a singular and opinionated design aesthetic. Flowbite is a general purpose library, which means it can be used within any framework, but also provides framework-specific variations like Flowbite Svelte. It’s relatively simple to tailor a Flowbite component to work within an existing Tailwind design system.

    Nome
    Flowbite Svelte
  • Vanina on 2022-12-30 21:06:06
    Notification
    - see Toasts
    Space
    no
    Stack
    no
    MediaQuery
    no
    Container
    no
    Center
    no
    Grid
    no
    Group
    no
    SimpleGrid
    no
  • Vanina on 2022-12-30 21:00:50
    NumberInput
    yes
    Slider
    - see Range component
    Close Button
    yes The CloseButton components are used throughout the library and you can use it for your app as well
    Colors
    yes Choose your primary color in tailwind.config.cjs file
    Label
    yes The Label components are used throughout the library and you can use it for your app as well
    DatePicker
    - experimental component and only works with SvelteKit.
    Loading
    no
  • Vanina on 2022-12-30 20:53:37
    AppShell
    - Navbar, Sidebar, Footer components...
  • Vanina on 2022-12-30 20:48:17
    Toolbar
    yes Use the following Tailwind CSS powered toolbars to show groups of tool buttons
    AppShell
    - Navbar, Sidebar, Footer...
  • Vanina on 2022-12-30 20:41:58
    Anchor
    yes The link component can be used to set hyperlinks from one page to another or to an external website when clicking on an inline text item, button, or card
    ThemeIcon
    yes You can uses Svelte-Heros-v2 and other icon sets for Flowbite-Svelte. Svelte-Heros-v2 icons allow you to change the icon color, size, and other props.
    ActionIcon
    yes
    TimePicker
    no
    Calendario
    no
    Overlay
    no
    Affix
    no
    use-move
    no
  • Vanina on 2022-12-30 20:34:43
    Floating Label
    yes Use the floating label style for the input field elements to replicate the Material UI design system from Google and choose from multiple styles and sizes
    Burger
    no
    Anchor
    no
    Seo
    no
    Dot
    no
    Divider
    no
    Image
    yes The image component can be used to embed images inside the web page in articles and sections based on multiple styles, sizes, layouts and hover animations (image effects...)
  • Vanina on 2022-12-30 20:28:47
    Online radio
    yes to let the user choose a single option from multiple options in the form of a circle based on multiple styles and colors
    Search Input
    yes Use the search input component as a text field to allow users to enter search queries and receive relevant page results available in multiple styles and sizes
    Select
    yes to allow the user to choose from one or more options from a dropdown list based on multiple styles, sizes, and variants
    Switch Toggle
    yes Use the toggle component to switch between a binary state of true or false using a single click available in multiple sizes, variants, and colors
    Range
    yes to receive a number from the user anywhere from 1 to 100 by sliding form control horizontally based on multiple options
  • Vanina on 2022-12-30 18:16:32
    FileInput
    yes The file input component can be used to upload one or more files from the device storage of the user available in multiple sizes, styles, variants and support for dark mode. (Multiple files, Helper text...)
    DatePicker
    - experimental
  • Vanina on 2022-12-30 18:11:30
    Video
    yes Use the video component to configure an embedded video player using native HTML 5 functionality based on the utility classes from Tailwind CSS (responsive, autoplay, custom styles: rounded corners...)
    Checkbox
    yes The checkbox component can be used to receive one or more selected options from the user in the form of a square box available in multiple styles, sizes, colors, and variants coded with the utility classes from Tailwind CSS and with support for dark mode. (checkbox with a link, helper text, colors...)
    CheckboxGroup
    yes Vertical or Horizontal list group, advanced layout...
    FileInput
    yes The file input component can be used to upload one or more files from the device storage of the user available in multiple sizes, styles, variants and support for dark mode. (Multiple files...)
    FileDropzone
    yes
Go back to: Flowbite Svelte