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