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
Breadcrumbs 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
Pagination
SeoNo
Tabs
Data Display
Accordion A controller for multiple collapsible elements, allowing either one open panel at a time or infinite.
AvatarNo
Badge A distinctive colored circle to bring attention to an element.
Card A surface that stands out.
CarouselNo
Conic GradientsNo
Dot A colorful dot to signal about all your important events.
Divider A thin horizontal line used to separate sections and group content, with optional text to display in the middle.
Dropdown Toggleable, contextual overlays for displaying additional details or actions.
ImageNo
Image Lists / GalleryNo
KbdNo
List GroupNo
Popover Extra content revealed on hover or focus within.
Rating An input element used for rating with a number of stars.
Table
ThemeIconNo
TimelineNo
TreeViewNo
Typography
VideoNo
Inputs & Actions
ActionIconNo
Autocomplete A text field suggesting options to select.
Button A clickable entity for all your controlling and linking needs. Comes in three flavours: filled, outline and flat.
Button Group
Checkbox Make the checkbox round (and slightly larger).
CheckboxGroup A group of checkboxes from an array of items to select.
Chip Tiny piece of additional information.
FileDropzone A large, prominent area for uploading files either by clicking or by dragging them into the area.
FileInput A regular file input matching the theme of the kit. Comes with buttons to select and deselect files.
Floating LabelNo
FormField 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
RadioGroup
Range An slider for selecting a value or a range.
Search Input
SelectNo
Speed DialNo
Slider An slider for selecting a value or a range.
Switch Toggle
TextareaNo
TextInput
UnstyledButton
Dates
DatePicker A date picker that supports both text input and a dropdown calendar.
TimePicker A time picker that supports both the text input and a dropdown with buttons.
Calendario A calendar component representing a month with selectable days.
Feedback
AlertNo
Loading
Notification / ToastsNo
Snackbar A small snackbar to display status messages.
SnackbarContainer The wrapper element creating a context to show snackbars.
Linear ProgressNo
Progress Radials / Circular ProgressNo
SkeletonNo
SpinnerNo
Overlay
AffixNo
MenuNo
Modal An overlay allowing any modal content to appear on the screen prominently. Works well with the Dialog component.
Dialog 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.