Compare Sizes
Register
Français

Attractions

0
A pretty cool UI kit for Svelte. 49 components and more to come.
Best Svelte UI Components Libraries
Name
Attractions
Websitegithub.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
BreadcrumbsYes 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
PaginationYes
SeoNo
TabsYes
Data Display
AccordionYes A controller for multiple collapsible elements, allowing either one open panel at a time or infinite.
AvatarNo
BadgeYes A distinctive colored circle to bring attention to an element.
CardYes A surface that stands out.
CarouselNo
Conic GradientsNo
DotYes A colorful dot to signal about all your important events.
DividerYes A thin horizontal line used to separate sections and group content, with optional text to display in the middle.
DropdownYes Toggleable, contextual overlays for displaying additional details or actions.
ImageNo
Image Lists / GalleryNo
KbdNo
List GroupNo
PopoverYes Extra content revealed on hover or focus within.
RatingYes An input element used for rating with a number of stars.
TableYes
ThemeIconNo
TimelineNo
TreeViewNo
TypographyYes
VideoNo
Inputs & Actions
ActionIconNo
AutocompleteYes A text field suggesting options to select.
ButtonYes A clickable entity for all your controlling and linking needs. Comes in three flavours: filled, outline and flat.
Button Group
CheckboxYes Make the checkbox round (and slightly larger).
CheckboxGroupYes A group of checkboxes from an array of items to select.
ChipYes Tiny piece of additional information.
FileDropzoneYes A large, prominent area for uploading files either by clicking or by dragging them into the area.
FileInputYes A regular file input matching the theme of the kit. Comes with buttons to select and deselect files.
Floating LabelNo
FormFieldYes 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
RadioGroupYes
RangeYes An slider for selecting a value or a range.
Search Input
SelectNo
Speed DialNo
SliderYes An slider for selecting a value or a range.
Switch ToggleYes
TextareaNo
TextInputYes
UnstyledButton
Dates
DatePickerYes A date picker that supports both text input and a dropdown calendar.
TimePickerYes A time picker that supports both the text input and a dropdown with buttons.
CalendarYes A calendar component representing a month with selectable days.
Feedback
AlertNo
LoadingYes
Notification / ToastsNo
SnackbarYes A small snackbar to display status messages.
SnackbarContainerYes The wrapper element creating a context to show snackbars.
Linear ProgressNo
Progress Radials / Circular ProgressNo
SkeletonNo
SpinnerNo
Overlay
AffixNo
MenuNo
ModalYes An overlay allowing any modal content to appear on the screen prominently. Works well with the Dialog component.
DialogYes 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
Dec. 30th 2022 10:41:10 PM
Dec. 30th 2022 3:38:09 PM
View changes

User reviews and comments

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