Attractions
Likes 1
A pretty cool UI kit for Svelte. 49 components and more to come.
Name | Attractions |
|---|---|
| Webseite | github.io/... |
| Size | 240.6 KB in size and only 57.3 KB gzipped |
| Layout | |
| AppShell | Nein |
| Container | Nein |
| Center | Nein |
| Dark Mode / Lightswitch | Nein |
| Footer | Nein |
| Grid | Nein |
| Group | Nein |
| MediaQuery | Nein |
| Navbar | Nein |
| SimpleGrid | Nein |
| Sidebar | Nein |
| Space | Nein |
| Stack | Nein |
| Navigation | |
| Anchor | Nein |
| Breadcrumbs | Ja Breadcrumbs are used to indicate the current page's location in the navigation hierarchy, as well as to navigate through it. |
| Burger | Nein |
| Drawer (or Off-canvas) | Nein |
| Pagination | Ja |
| Seo | Nein |
| Tabs | Ja |
| Data Display | |
| Accordion | Ja A controller for multiple collapsible elements, allowing either one open panel at a time or infinite. |
| Avatar | Nein |
| Badge | Ja A distinctive colored circle to bring attention to an element. |
| Card | Ja A surface that stands out. |
| Carousel | Nein |
| Conic Gradients | Nein |
| Dot | Ja A colorful dot to signal about all your important events. |
| Divider | Ja A thin horizontal line used to separate sections and group content, with optional text to display in the middle. |
| Dropdown | Ja Toggleable, contextual overlays for displaying additional details or actions. |
| Image | Nein |
| Image Lists / Gallery | Nein |
| Kbd | Nein |
| List Group | Nein |
| Popover | Ja Extra content revealed on hover or focus within. |
| Rating | Ja An input element used for rating with a number of stars. |
| Table | Ja |
| ThemeIcon | Nein |
| Timeline | Nein |
| TreeView | Nein |
| Typography | Ja |
| Video | Nein |
| Inputs & Actions | |
| ActionIcon | Nein |
| Autocomplete | Ja A text field suggesting options to select. |
| Button | Ja A clickable entity for all your controlling and linking needs. Comes in three flavours: filled, outline and flat. |
| Button Group | |
| Checkbox | Ja Make the checkbox round (and slightly larger). |
| CheckboxGroup | Ja A group of checkboxes from an array of items to select. |
| Chip | Ja Tiny piece of additional information. |
| FileDropzone | Ja A large, prominent area for uploading files either by clicking or by dragging them into the area. |
| FileInput | Ja A regular file input matching the theme of the kit. Comes with buttons to select and deselect files. |
| Floating Label | Nein |
| FormField | Ja A responsive form field skeleton – providing a way to label and describe the field. Note that this component doesn't add any form handling capabilities; it is merely presentational. |
| Input | |
| InputWrapper | |
| Listboxes | |
| NumberInput | Nein |
| Radio Button | Nein |
| RadioGroup | Ja |
| Range | Ja An slider for selecting a value or a range. |
| Search Input | |
| Select | Nein |
| Speed Dial | Nein |
| Slider | Ja An slider for selecting a value or a range. |
| Switch Toggle | Ja |
| Textarea | Nein |
| TextInput | Ja |
| UnstyledButton | |
| Dates | |
| DatePicker | Ja A date picker that supports both text input and a dropdown calendar. |
| TimePicker | Ja A time picker that supports both the text input and a dropdown with buttons. |
| Kalender | Ja A calendar component representing a month with selectable days. |
| Feedback | |
| Alert | Nein |
| Loading | Ja |
| Notification / Toasts | Nein |
| Snackbar | Ja A small snackbar to display status messages. |
| SnackbarContainer | Ja The wrapper element creating a context to show snackbars. |
| Linear Progress | Nein |
| Progress Radials / Circular Progress | Nein |
| Skeleton | Nein |
| Spinner | Nein |
| Overlay | |
| Affix | Nein |
| Menu | Nein |
| Modal | Ja An overlay allowing any modal content to appear on the screen prominently. Works well with the Dialog component. |
| Dialog | Ja A modal window that informs users about a task and can contain critical information or require actions. |
| Overlay | Nein |
| Tooltip | Nein |
| Utils | |
| Code blocks | |
| Colors | Nein |
| Close Button | Nein |
| Label | Nein |
| Local Storage Store | Nein |
| Toolbar | Nein |
| Svelte Actions / Hooks Library | |
| use-move | Nein |
| use-clipboard | Nein |
| use-focus-trap | Nein |
| Image Filters | Nein |
User reviews and comments