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