Compare Sizes
Register
English Français Español

Attractions

1
A pretty cool UI kit for Svelte. 49 components and more to come.
Best Svelte UI Components Libraries
Name
Attractions
Sito webgithub.io/...
Size240.6 KB in size and only 57.3 KB gzipped
Layout
AppShellNo
ContainerNo
CenterNo
Dark Mode / LightswitchNo
FooterNo
GridNo
GroupNo
MediaQueryNo
NavbarNo
SimpleGridNo
SidebarNo
SpaceNo
StackNo
Navigation
AnchorNo
BreadcrumbsSì Breadcrumbs are used to indicate the current page's location in the navigation hierarchy, as well as to navigate through it.
BurgerNo
Drawer (or Off-canvas)No
PaginationSì
SeoNo
TabsSì
Data Display
AccordionSì A controller for multiple collapsible elements, allowing either one open panel at a time or infinite.
AvatarNo
BadgeSì A distinctive colored circle to bring attention to an element.
CardSì A surface that stands out.
CarouselNo
Conic GradientsNo
DotSì A colorful dot to signal about all your important events.
DividerSì A thin horizontal line used to separate sections and group content, with optional text to display in the middle.
DropdownSì Toggleable, contextual overlays for displaying additional details or actions.
ImageNo
Image Lists / GalleryNo
KbdNo
List GroupNo
PopoverSì Extra content revealed on hover or focus within.
RatingSì An input element used for rating with a number of stars.
TableSì
ThemeIconNo
TimelineNo
TreeViewNo
TypographySì
VideoNo
Inputs & Actions
ActionIconNo
AutocompleteSì A text field suggesting options to select.
ButtonSì A clickable entity for all your controlling and linking needs. Comes in three flavours: filled, outline and flat.
Button Group
CheckboxSì Make the checkbox round (and slightly larger).
CheckboxGroupSì A group of checkboxes from an array of items to select.
ChipSì Tiny piece of additional information.
FileDropzoneSì A large, prominent area for uploading files either by clicking or by dragging them into the area.
FileInputSì A regular file input matching the theme of the kit. Comes with buttons to select and deselect files.
Floating LabelNo
FormFieldSì 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
NumberInputNo
Radio ButtonNo
RadioGroupSì
RangeSì An slider for selecting a value or a range.
Search Input
SelectNo
Speed DialNo
SliderSì An slider for selecting a value or a range.
Switch ToggleSì
TextareaNo
TextInputSì
UnstyledButton
Dates
DatePickerSì A date picker that supports both text input and a dropdown calendar.
TimePickerSì A time picker that supports both the text input and a dropdown with buttons.
CalendarioSì A calendar component representing a month with selectable days.
Feedback
AlertNo
LoadingSì
Notification / ToastsNo
SnackbarSì A small snackbar to display status messages.
SnackbarContainerSì The wrapper element creating a context to show snackbars.
Linear ProgressNo
Progress Radials / Circular ProgressNo
SkeletonNo
SpinnerNo
Overlay
AffixNo
MenuNo
ModalSì An overlay allowing any modal content to appear on the screen prominently. Works well with the Dialog component.
DialogSì A modal window that informs users about a task and can contain critical information or require actions.
OverlayNo
TooltipNo
Utils
Code blocks
ColorsNo
Close ButtonNo
LabelNo
Local Storage StoreNo
ToolbarNo
Svelte Actions / Hooks Library
use-moveNo
use-clipboardNo
use-focus-trapNo
Image FiltersNo
Frameworks
English
Public
Public
2022-12-30 22:41:10
View changes

User reviews and comments

No comments yet. Be the first to leave your review.