Comparar tamaños
Registrarse
English Français

Attractions

1
A pretty cool UI kit for Svelte. 49 components and more to come.
Best Svelte UI Components Libraries
Name
Attractions
Sitio 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.