Compare Sizes
Register
Français

Skeleton

0
A fully featured UI Toolkit. Build reactive interfaces quickly using Svelte + Tailwind CSS. Skeleton is currently in beta. Expect breaking changes prior to v1.0. Skeleton is a UI library, featuring tight integration between Svelte and Tailwind CSS. In short, the library utilizes Tailwind’s utility class-based design system to quickly and easily customize and extend the look and feel of each component. Paired with Svelte’s powerful component architecture, Skeleton creates customized, responsive, and reactive interfaces for any size project.
Best Svelte UI Components Libraries
Name
Skeleton
Websiteskeleton.dev
Size
Layout
AppShellYes Responsive shell for controlling application layout.
ContainerNo
CenterNo
Dark Mode / LightswitchYes Allows users to toggle between light and dark themes using Tailwind's dark mode feature.
FooterNo
GridNo
GroupNo
MediaQueryNo
NavbarYes App Bar : A header element for the top of your page layout. Pairs well with the App Shell.
SimpleGridNo
SidebarYes App Rail : A side navigation rail component
SpaceNo
StackNo
Navigation
AnchorNo
BreadcrumbsYes Displays the current navigation hierarchy.
BurgerNo
Drawer (or Off-canvas)Yes Displays an overlay panel that attaches to any side of the screen.
PaginationYes Navigate between multiple pages of content.
SeoNo
TabsYes Use tabs to quickly switch between different views.
Data Display
AccordionYes Divide content into collapsible sections.
AvatarYes Display user avatars with an image or initials.
BadgeNo
CardNo
CarouselNo
Conic GradientsYes Create conic gradient data visualizations for pie charts, loading spinners, and more.
Dot
DividerYes Horizontal or vertical rules for sectioning your content.
DropdownNo
ImageNo
Image Lists / GalleryNo
KbdNo
List GroupYes
PopoverNo
RatingNo
TableYes Utilize a data-driven model to create simple presentational tables. A set of utility features for creating template-driven data tables.
ThemeIconNo
TimelineYes Steppers: Divide and present content in sequenced steps. This Step component uses the locked property, which can prevent progress.
TreeViewNo
TypographyYes Gradient Headings
VideoNo
Inputs & Actions
ActionIconNo
AutocompleteNo
ButtonNo
Button GroupNo
CheckboxNo
CheckboxGroupNo
ChipNo
FileDropzoneYes Allow upload of files with drag and drop.
FileInputYes FileButton : Allows you to select files with a single click.
Floating LabelNo
FormFieldNo
InputNo
InputWrapperNo
ListboxesYes Interactive listboxes that maintain selection state.
NumberInputNo
Radio ButtonNo
RadioGroupYes Capture feedback limited to a small set of options.
RangeYes Capture input from a range of values, including optional ticks.
Search InputNo
SelectNo
Speed DialNo
SliderNo
Switch ToggleYes A sliding toggle element that can capture input from a user.
TextareaNo
TextInputNo
UnstyledButton
Dates
DatePickerNo
TimePickerNo
CalendarNo
Feedback
AlertYes Display customizable alerts to garner attention and provide critical actions.
LoadingNo
Notification / ToastsYes Simple notifications utilizing a dynamic queue system.
SnackbarNo
SnackbarContainerNo
Linear ProgressYes An indicator showing the progress or completion of a task.
Progress Radials / Circular ProgressYes Displays a radial indicator showing the progress or completion of a task.
SkeletonNo
SpinnerNo
Overlay
AffixNo
MenuYes Provides quick context menus when you tap the trigger element.
ModalYes High priority dialogs and modals using a dynamic queue system.
DialogYes High priority dialogs and modals using a dynamic queue system.
OverlayNo
TooltipYes Informative tooltips that render on mouse over.
Utils
Code blocksYes Displays pre-formatted source code, with optional support for Highlight.js syntax highlighting.
ColorsNo
Close ButtonNo
LabelNo
Local Storage StoreYes An extended version of the Svelte writable store that includes pub/sub to local storage.
ToolbarNo
Svelte Actions / Hooks Library
use-moveNo
use-clipboardYes Allows you to quickly copy select data to the clipboard.
use-focus-trapYes Allows you to contain focus within elements on-demand.
Image FiltersYes Applies a set of unique SVG filters. Best used with images, but also available to select components, such as Avatars.
Frameworks
English
Public
Public
Dec. 30th 2022 10:41:12 PM
Dec. 30th 2022 9:17:24 PM
View changes

User reviews and comments

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