Comparar tamaños
Registrarse
English Français

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
Sitio webskeleton.dev
Size
Layout
AppShellSí Responsive shell for controlling application layout.
ContainerNo
CenterNo
Dark Mode / LightswitchSí Allows users to toggle between light and dark themes using Tailwind's dark mode feature.
FooterNo
GridNo
GroupNo
MediaQueryNo
NavbarSí App Bar : A header element for the top of your page layout. Pairs well with the App Shell.
SimpleGridNo
SidebarSí App Rail : A side navigation rail component
SpaceNo
StackNo
Navigation
AnchorNo
BreadcrumbsSí Displays the current navigation hierarchy.
BurgerNo
Drawer (or Off-canvas)Sí Displays an overlay panel that attaches to any side of the screen.
PaginationSí Navigate between multiple pages of content.
SeoNo
TabsSí Use tabs to quickly switch between different views.
Data Display
AccordionSí Divide content into collapsible sections.
AvatarSí Display user avatars with an image or initials.
BadgeNo
CardNo
CarouselNo
Conic GradientsSí Create conic gradient data visualizations for pie charts, loading spinners, and more.
Dot
DividerSí Horizontal or vertical rules for sectioning your content.
DropdownNo
ImageNo
Image Lists / GalleryNo
KbdNo
List GroupSí
PopoverNo
RatingNo
TableSí Utilize a data-driven model to create simple presentational tables. A set of utility features for creating template-driven data tables.
ThemeIconNo
TimelineSí Steppers: Divide and present content in sequenced steps. This Step component uses the locked property, which can prevent progress.
TreeViewNo
TypographySí Gradient Headings
VideoNo
Inputs & Actions
ActionIconNo
AutocompleteNo
ButtonNo
Button GroupNo
CheckboxNo
CheckboxGroupNo
ChipNo
FileDropzoneSí Allow upload of files with drag and drop.
FileInputSí FileButton : Allows you to select files with a single click.
Floating LabelNo
FormFieldNo
InputNo
InputWrapperNo
ListboxesSí Interactive listboxes that maintain selection state.
NumberInputNo
Radio ButtonNo
RadioGroupSí Capture feedback limited to a small set of options.
RangeSí Capture input from a range of values, including optional ticks.
Search InputNo
SelectNo
Speed DialNo
SliderNo
Switch ToggleSí A sliding toggle element that can capture input from a user.
TextareaNo
TextInputNo
UnstyledButton
Dates
DatePickerNo
TimePickerNo
CalendarioNo
Feedback
AlertSí Display customizable alerts to garner attention and provide critical actions.
LoadingNo
Notification / ToastsSí Simple notifications utilizing a dynamic queue system.
SnackbarNo
SnackbarContainerNo
Linear ProgressSí An indicator showing the progress or completion of a task.
Progress Radials / Circular ProgressSí Displays a radial indicator showing the progress or completion of a task.
SkeletonNo
SpinnerNo
Overlay
AffixNo
MenuSí Provides quick context menus when you tap the trigger element.
ModalSí High priority dialogs and modals using a dynamic queue system.
DialogSí High priority dialogs and modals using a dynamic queue system.
OverlayNo
TooltipSí Informative tooltips that render on mouse over.
Utils
Code blocksSí Displays pre-formatted source code, with optional support for Highlight.js syntax highlighting.
ColorsNo
Close ButtonNo
LabelNo
Local Storage StoreSí An extended version of the Svelte writable store that includes pub/sub to local storage.
ToolbarNo
Svelte Actions / Hooks Library
use-moveNo
use-clipboardSí Allows you to quickly copy select data to the clipboard.
use-focus-trapSí Allows you to contain focus within elements on-demand.
Image FiltersSí 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.