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