Compare Sizes
Register
English Français Español

Skeleton

2
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
Sito webskeleton.dev
Size
Layout
AppShell Responsive shell for controlling application layout.
ContainerNo
CenterNo
Dark Mode / Lightswitch Allows users to toggle between light and dark themes using Tailwind's dark mode feature.
FooterNo
GridNo
GroupNo
MediaQueryNo
Navbar App Bar : A header element for the top of your page layout. Pairs well with the App Shell.
SimpleGridNo
Sidebar App Rail : A side navigation rail component
SpaceNo
StackNo
Navigation
AnchorNo
Breadcrumbs Displays the current navigation hierarchy.
BurgerNo
Drawer (or Off-canvas) Displays an overlay panel that attaches to any side of the screen.
Pagination Navigate between multiple pages of content.
SeoNo
Tabs Use tabs to quickly switch between different views.
Data Display
Accordion Divide content into collapsible sections.
Avatar Display user avatars with an image or initials.
BadgeNo
CardNo
CarouselNo
Conic Gradients Create conic gradient data visualizations for pie charts, loading spinners, and more.
Dot
Divider Horizontal or vertical rules for sectioning your content.
DropdownNo
ImageNo
Image Lists / GalleryNo
KbdNo
List Group
PopoverNo
RatingNo
Table Utilize a data-driven model to create simple presentational tables. A set of utility features for creating template-driven data tables.
ThemeIconNo
Timeline Steppers: Divide and present content in sequenced steps. This Step component uses the locked property, which can prevent progress.
TreeViewNo
Typography Gradient Headings
VideoNo
Inputs & Actions
ActionIconNo
AutocompleteNo
ButtonNo
Button GroupNo
CheckboxNo
CheckboxGroupNo
ChipNo
FileDropzone Allow upload of files with drag and drop.
FileInput FileButton : Allows you to select files with a single click.
Floating LabelNo
FormFieldNo
InputNo
InputWrapperNo
Listboxes Interactive listboxes that maintain selection state.
NumberInputNo
Radio ButtonNo
RadioGroup Capture feedback limited to a small set of options.
Range Capture input from a range of values, including optional ticks.
Search InputNo
SelectNo
Speed DialNo
SliderNo
Switch Toggle A sliding toggle element that can capture input from a user.
TextareaNo
TextInputNo
UnstyledButton
Dates
DatePickerNo
TimePickerNo
CalendarioNo
Feedback
Alert Display customizable alerts to garner attention and provide critical actions.
LoadingNo
Notification / Toasts Simple notifications utilizing a dynamic queue system.
SnackbarNo
SnackbarContainerNo
Linear Progress An indicator showing the progress or completion of a task.
Progress Radials / Circular Progress Displays a radial indicator showing the progress or completion of a task.
SkeletonNo
SpinnerNo
Overlay
AffixNo
Menu Provides quick context menus when you tap the trigger element.
Modal High priority dialogs and modals using a dynamic queue system.
Dialog High priority dialogs and modals using a dynamic queue system.
OverlayNo
Tooltip Informative tooltips that render on mouse over.
Utils
Code blocks Displays pre-formatted source code, with optional support for Highlight.js syntax highlighting.
ColorsNo
Close ButtonNo
LabelNo
Local Storage Store An extended version of the Svelte writable store that includes pub/sub to local storage.
ToolbarNo
Svelte Actions / Hooks Library
use-moveNo
use-clipboard Allows you to quickly copy select data to the clipboard.
use-focus-trap Allows you to contain focus within elements on-demand.
Image Filters Applies a set of unique SVG filters. Best used with images, but also available to select components, such as Avatars.
Frameworks
English
Public
Public
2022-12-30 22:41:12
View changes

User reviews and comments

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