Compare Sizes
Register
Français Español

History of Flowbite Svelte

Last update Dec. 31st 2022 12:10:05 PM
Creation date Dec. 30th 2022 5:22:25 PM
  • Vanina on Dec. 30th 2022 6:06:28 PM
    Notification / Toasts
    yes Push notifications to your users using the toast component and choose from multiple sizes, colors, styles, and positions
    Tooltip
    yes Use the following Tailwind CSS powered tooltips to show extra content when hovering or focusing on an element (Tooltip arrow, colors...)
    Typography
    yes Use the typography and the utility classes from Tailwind CSS to style text with FlowBite
    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
  • Vanina on Dec. 30th 2022 6:00:55 PM
    Table
    yes Use the table component to show text, images, links, and other elements inside a structured set of data made up of rows and columns of table cells (Checkboxes, search input, table foot, table caption, colors..)
    Timeline
    yes Get started with the responsive timeline component to show data in a chronological order with support for multiple styles, sizes, and variants (vertical timeline, horizontal timeline, activity log...)
  • Vanina on Dec. 30th 2022 5:55:39 PM
    Skeleton
    yes The skeleton component can be used as an alternative loading indicator to the spinner by mimicking the content that will be loaded such as text, images, or video
    Speed Dial
    yes The speed dial component can be used as a quick way to show a list of action buttons to a user when hovering or clicking on the main trigger element.
    Spinner
    yes Use the spinner component as a loader indicator in your projects when fetching data based on an animated SVG
    Tabs
    yes Use these responsive tabs components to create a secondary navigational hierarchy for your website or toggle content inside a container (Tabs with underline, with icons...)
  • Vanina on Dec. 30th 2022 5:49:45 PM
    Linear Progress
    yes Use the progress bar component to show the completion rate of a data indicator or use it as a loader element (with label inside, outside...colors...)
    Rating
    yes Use the rating component to show reviews and testimonials from your users using stars and scores based on multiple styles and sizes
    Sidebar
    yes Use the sidebar component to show a list of menu items and multi-level dropdown items on either side of the page to navigate on your website (with content separator, add a CTA button, show logo...)
  • Vanina on Dec. 30th 2022 5:44:19 PM
    Navbar
    yes The navbar component can be used to show a list of navigation links positioned on the top side of your page based on multiple layouts, sizes, and dropdowns (Navbar with search, CTA button...Sticky navbar)
    Pagination
    yes Use the Tailwind CSS pagination element to indicate a series of content across various pages
    Popover
    yes Use the popover component to show detailed information inside a pop-up box relative to the element that is being clicked or hovered based on multiple styles (Image popover, progress popover...)
    Linear Progress
    yes Use the progress bar component to show the completion rate of a data indicator or use it as a loader element
  • Vanina on Dec. 30th 2022 5:38:53 PM
    Kbd
    yes Use the KBD component as an inline element to denote textual user input from the keyboard inside paragraphs, tables, and other components
    List Group
    yes Use the list group component to display a series of items, buttons or links inside a single element, with links, with icons...
    Menu
    yes Use the mega menu component as a full-width dropdown inside the navbar to show a list of menu items based on multiple sizes, variants, and styles. (with icons, images...)
    Modal
    yes Use the modal component to show interactive dialogs and notifications to your website users available in multiple sizes, colors, and styles
    Dialog
    yes
  • Vanina on Dec. 30th 2022 5:33:11 PM
    Dropdown
    yes to show a list of menu items when clicking on the trigger element based on multiple layouts, styles, and placements
    Footer
    yes Use the footer section at the bottom of every page to show valuable information to your users, such as sitemap links, a copyright notice, and a logo
    Checkbox
    yes
    FormField
    yes Use the Tailwind CSS form and input elements such as checkboxes, radios, textarea, text inputs to collect information from users with Flowbite
    Input
    yes Input element with icon
    RadioGroup
    yes
    TextInput
    yes
    FileInput
    yes
    Switch Toggle
    yes
    Textarea
    yes
  • Vanina on Dec. 30th 2022 5:27:46 PM
    Card
    yes Get started with a large variety of Tailwind CSS card examples for your web project
    Carousel
    yes Use the carousel component to slide through multiple elements and images using custom controls, indicators, intervals, and options
    Dark Mode / Lightswitch
    yes
    Drawer (or Off-canvas)
    yes The Drawer component can be used as a hidden off-canvas sidebar for navigation and to show other information based on multiple styles and placements
  • Vanina on Dec. 30th 2022 5:22:25 PM
    Name
    Flowbite
    Viewer
    Unlisted
    Mode
    Item
    Description
    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.
    Website
    https://flowbite-svelte.com/
    Accordion
    yes Use the accordion component to show hidden information based on the collapse and expand state of the child elements using data attribute options
    Alert
    yes Show contextual information to your users using alert elements based on Tailwind CSS
    Avatar
    yes Use the avatar component to show a visual representation of a user profile using an image element or SVG object based on multiple styles and sizes
    Badge
    yes Use Tailwind CSS badges as elements to show counts or labels separately or inside other components
    Breadcrumbs
    yes Show the location of the current page in a hierarchical structure using the breadcrumb components
    Button
    yes Use the button component inside forms, as links, social login, payment options with support for multiple styles, colors, sizes, gradients, and shadows
    Button Group
    yes Button groups are a Tailwind CSS powered set of buttons sticked together in a horizontal line
Go back to: Flowbite Svelte