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
Webseitegithub.io/...
Size240.6 KB in size and only 57.3 KB gzipped
Layout
AppShellNein
ContainerNein
CenterNein
Dark Mode / LightswitchNein
FooterNein
GridNein
GroupNein
MediaQueryNein
NavbarNein
SimpleGridNein
SidebarNein
SpaceNein
StackNein
Navigation
AnchorNein
BreadcrumbsJa Breadcrumbs are used to indicate the current page's location in the navigation hierarchy, as well as to navigate through it.
BurgerNein
Drawer (or Off-canvas)Nein
PaginationJa
SeoNein
TabsJa
Data Display
AccordionJa A controller for multiple collapsible elements, allowing either one open panel at a time or infinite.
AvatarNein
BadgeJa A distinctive colored circle to bring attention to an element.
CardJa A surface that stands out.
CarouselNein
Conic GradientsNein
DotJa A colorful dot to signal about all your important events.
DividerJa A thin horizontal line used to separate sections and group content, with optional text to display in the middle.
DropdownJa Toggleable, contextual overlays for displaying additional details or actions.
ImageNein
Image Lists / GalleryNein
KbdNein
List GroupNein
PopoverJa Extra content revealed on hover or focus within.
RatingJa An input element used for rating with a number of stars.
TableJa
ThemeIconNein
TimelineNein
TreeViewNein
TypographyJa
VideoNein
Inputs & Actions
ActionIconNein
AutocompleteJa A text field suggesting options to select.
ButtonJa A clickable entity for all your controlling and linking needs. Comes in three flavours: filled, outline and flat.
Button Group
CheckboxJa Make the checkbox round (and slightly larger).
CheckboxGroupJa A group of checkboxes from an array of items to select.
ChipJa Tiny piece of additional information.
FileDropzoneJa A large, prominent area for uploading files either by clicking or by dragging them into the area.
FileInputJa A regular file input matching the theme of the kit. Comes with buttons to select and deselect files.
Floating LabelNein
FormFieldJa 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
NumberInputNein
Radio ButtonNein
RadioGroupJa
RangeJa An slider for selecting a value or a range.
Search Input
SelectNein
Speed DialNein
SliderJa An slider for selecting a value or a range.
Switch ToggleJa
TextareaNein
TextInputJa
UnstyledButton
Dates
DatePickerJa A date picker that supports both text input and a dropdown calendar.
TimePickerJa A time picker that supports both the text input and a dropdown with buttons.
KalenderJa A calendar component representing a month with selectable days.
Feedback
AlertNein
LoadingJa
Notification / ToastsNein
SnackbarJa A small snackbar to display status messages.
SnackbarContainerJa The wrapper element creating a context to show snackbars.
Linear ProgressNein
Progress Radials / Circular ProgressNein
SkeletonNein
SpinnerNein
Overlay
AffixNein
MenuNein
ModalJa An overlay allowing any modal content to appear on the screen prominently. Works well with the Dialog component.
DialogJa A modal window that informs users about a task and can contain critical information or require actions.
OverlayNein
TooltipNein
Utils
Code blocks
ColorsNein
Close ButtonNein
LabelNein
Local Storage StoreNein
ToolbarNein
Svelte Actions / Hooks Library
use-moveNein
use-clipboardNein
use-focus-trapNein
Image FiltersNein
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.