Comparateur de taille
S'inscrire
English Español

Svelteui.org

6
SvelteUI includes more than 50+ customizable components. All SvelteUI packages are built with TypeScript and support it by default.
Best Svelte UI Components Libraries
Nom
Svelteui.org
Site web
svelteui.org
Size
Layout
AppShell
Oui Responsive shell for your application with header, navbar, sidebar, and footer
Container
Oui Center content horizontally with predefined max-width
Center
Oui Centers content vertically and horizontally
Dark Mode / Lightswitch
Non
Footer
Oui AppShell component
Grid
Oui Flexbox grid with variable amount of columns
Group
Oui Compose elements and components in a horizontal flex container
MediaQuery
Oui Apply styles to children if media query matches
Navbar
Oui AppShell component
SimpleGrid
Oui Responsive grid where each item takes equal amount of space
Sidebar
Oui AppShell component
Space
Oui Add horizontal or vertical spacing from theme
Stack
Oui Compose elements and components in vertical flex container
Navigation
Anchor
Oui Display links with theme styles
Breadcrumbs
Non
Burger
Oui The Burger component renders an open/close menu button.
Drawer (or Off-canvas)
Non
Pagination
Non
Seo
Oui Manage your SEO information
Tabs
Oui Display links with theme styles
Data Display
Accordion
Non
Avatar
Non
Badge
Oui
Card
Non
Carousel
Non
Conic Gradients
Non
Dot
Non
Divider
Oui Horizontal line with optional label or vertical divider, with label...
Dropdown
Non
Image
Oui Image with optional placeholder for loading and error state, BackgroundImage, radius...
Image Lists / Gallery
Non
Kbd
Oui Display keyboard button or keys combination
List Group
Non
Popover
Non
Rating
Non
Table
Non
ThemeIcon
Oui Render icon inside element with theme colors
Timeline
Oui Display list of events in chronological order
TreeView
Non
Typography
Oui Display text and links with theme styles or gradient
Video
Non
Inputs & Actions
ActionIcon
Oui
Autocomplete
Non
Button
Oui
Button Group
Checkbox
Oui Custom icon, Indeterminate checkbox, 5 predefined sizes...
CheckboxGroup
Oui
Chip
Oui Pick one or multiple values (States, ChipGroup)
FileDropzone
Non
FileInput
Non
Floating Label
Non
FormField
Input
Oui render an icon, TextInput...
InputWrapper
Oui InputWrapper is used to wrap all SvelteUI inputs
Listboxes
NumberInput
Oui Number input with optional controls
Radio Button
RadioGroup
Range
Non
Search Input
Select
Oui NativeSelect : Capture user feedback limited to large set of options
Speed Dial
Non
Slider
Non
Switch Toggle
Oui Capture boolean input from user, Inner labels and Size
Textarea
Non
TextInput
Oui Text input with descriptions, with icon, right section...
UnstyledButton
Oui Render button with no theme colors
Dates
DatePicker
Non
TimePicker
Non
Calendrier
- coming soon
Feedback
Alert
Oui Attract user attention with an important message
Loading
Oui Indicate loading state
Notification / Toasts
Oui Attract user attention with an important message (with icon...)
Snackbar
Non
SnackbarContainer
Non
Linear Progress
Oui Give user feedback for status of the task
Progress Radials / Circular Progress
Non
Skeleton
Oui Indicate content loading state
Spinner
Non
Overlay
Affix
Oui Render Svelte component inside portal at fixed position
Menu
Oui Combine a list of secondary actions into single interactive area, icon, hover...
Modal
Oui Modal with optional header
Dialog
Oui
Overlay
Oui Overlays given element with div element with any color and opacity
Tooltip
Oui Renders tooltip at given element on mouse over or any other event (Tooltip arrow...)
Utils
Code blocks
Oui Prism : Code highlight with SvelteUI theme colors and styles
Colors
Non
Close Button
Non
Label
Non
Local Storage Store
Toolbar
Non
Svelte Actions / Hooks Library
use-move
Oui Handles the movement of an element based on mouse and touch events
use-clipboard
Oui Copies text to the clipboard when DOM element is clicked
use-focus-trap
Oui Traps the focus inside the given DOM node
Image Filters
Non
Frameworks
English
Publique
Publique
30 déc. 2022 22:25:22
Voir les modifications

Avis utilisateurs et commentaires

Pas de commentaires pour l'instant. Soyez le premier à laisser votre avis.