Compare Sizes
Register
Français Español

Svelteui.org

4
SvelteUI includes more than 50+ customizable components. All SvelteUI packages are built with TypeScript and support it by default.
Best Svelte UI Components Libraries
Name
Svelteui.org
Websitesvelteui.org
Size
Layout
AppShellYes Responsive shell for your application with header, navbar, sidebar, and footer
ContainerYes Center content horizontally with predefined max-width
CenterYes Centers content vertically and horizontally
Dark Mode / LightswitchNo
FooterYes AppShell component
GridYes Flexbox grid with variable amount of columns
GroupYes Compose elements and components in a horizontal flex container
MediaQueryYes Apply styles to children if media query matches
NavbarYes AppShell component
SimpleGridYes Responsive grid where each item takes equal amount of space
SidebarYes AppShell component
SpaceYes Add horizontal or vertical spacing from theme
StackYes Compose elements and components in vertical flex container
Navigation
AnchorYes Display links with theme styles
BreadcrumbsNo
BurgerYes The Burger component renders an open/close menu button.
Drawer (or Off-canvas)No
PaginationNo
SeoYes Manage your SEO information
TabsYes Display links with theme styles
Data Display
AccordionNo
AvatarNo
BadgeYes
CardNo
CarouselNo
Conic GradientsNo
DotNo
DividerYes Horizontal line with optional label or vertical divider, with label...
DropdownNo
ImageYes Image with optional placeholder for loading and error state, BackgroundImage, radius...
Image Lists / GalleryNo
KbdYes Display keyboard button or keys combination
List GroupNo
PopoverNo
RatingNo
TableNo
ThemeIconYes Render icon inside element with theme colors
TimelineYes Display list of events in chronological order
TreeViewNo
TypographyYes Display text and links with theme styles or gradient
VideoNo
Inputs & Actions
ActionIconYes
AutocompleteNo
ButtonYes
Button Group
CheckboxYes Custom icon, Indeterminate checkbox, 5 predefined sizes...
CheckboxGroupYes
ChipYes Pick one or multiple values (States, ChipGroup)
FileDropzoneNo
FileInputNo
Floating LabelNo
FormField
InputYes render an icon, TextInput...
InputWrapperYes InputWrapper is used to wrap all SvelteUI inputs
Listboxes
NumberInputYes Number input with optional controls
Radio Button
RadioGroup
RangeNo
Search Input
SelectYes NativeSelect : Capture user feedback limited to large set of options
Speed DialNo
SliderNo
Switch ToggleYes Capture boolean input from user, Inner labels and Size
TextareaNo
TextInputYes Text input with descriptions, with icon, right section...
UnstyledButtonYes Render button with no theme colors
Dates
DatePickerNo
TimePickerNo
Calendar- coming soon
Feedback
AlertYes Attract user attention with an important message
LoadingYes Indicate loading state
Notification / ToastsYes Attract user attention with an important message (with icon...)
SnackbarNo
SnackbarContainerNo
Linear ProgressYes Give user feedback for status of the task
Progress Radials / Circular ProgressNo
SkeletonYes Indicate content loading state
SpinnerNo
Overlay
AffixYes Render Svelte component inside portal at fixed position
MenuYes Combine a list of secondary actions into single interactive area, icon, hover...
ModalYes Modal with optional header
DialogYes
OverlayYes Overlays given element with div element with any color and opacity
TooltipYes Renders tooltip at given element on mouse over or any other event (Tooltip arrow...)
Utils
Code blocksYes Prism : Code highlight with SvelteUI theme colors and styles
ColorsNo
Close ButtonNo
LabelNo
Local Storage Store
ToolbarNo
Svelte Actions / Hooks Library
use-moveYes Handles the movement of an element based on mouse and touch events
use-clipboardYes Copies text to the clipboard when DOM element is clicked
use-focus-trapYes Traps the focus inside the given DOM node
Image FiltersNo
Frameworks
English
Public
Public
Dec. 30th 2022 10:25:22 PM
View changes

User reviews and comments

No comments yet. Be the first to leave your review.