Svelteui.org
Le gusta 7
SvelteUI includes more than 50+ customizable components. All
SvelteUI packages are built with TypeScript and support it by
default.
Name | Svelteui.org |
|---|---|
| Sitio 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