Comparateur de taille
S'inscrire
English

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
Nom
Skeleton
Site webskeleton.dev
Size
Layout
AppShellOui Responsive shell for controlling application layout.
ContainerNon
CenterNon
Dark Mode / LightswitchOui Allows users to toggle between light and dark themes using Tailwind's dark mode feature.
FooterNon
GridNon
GroupNon
MediaQueryNon
NavbarOui App Bar : A header element for the top of your page layout. Pairs well with the App Shell.
SimpleGridNon
SidebarOui App Rail : A side navigation rail component
SpaceNon
StackNon
Navigation
AnchorNon
BreadcrumbsOui Displays the current navigation hierarchy.
BurgerNon
Drawer (or Off-canvas)Oui Displays an overlay panel that attaches to any side of the screen.
PaginationOui Navigate between multiple pages of content.
SeoNon
TabsOui Use tabs to quickly switch between different views.
Data Display
AccordionOui Divide content into collapsible sections.
AvatarOui Display user avatars with an image or initials.
BadgeNon
CardNon
CarouselNon
Conic GradientsOui Create conic gradient data visualizations for pie charts, loading spinners, and more.
Dot
DividerOui Horizontal or vertical rules for sectioning your content.
DropdownNon
ImageNon
Image Lists / GalleryNon
KbdNon
List GroupOui
PopoverNon
RatingNon
TableOui Utilize a data-driven model to create simple presentational tables. A set of utility features for creating template-driven data tables.
ThemeIconNon
TimelineOui Steppers: Divide and present content in sequenced steps. This Step component uses the locked property, which can prevent progress.
TreeViewNon
TypographyOui Gradient Headings
VideoNon
Inputs & Actions
ActionIconNon
AutocompleteNon
ButtonNon
Button GroupNon
CheckboxNon
CheckboxGroupNon
ChipNon
FileDropzoneOui Allow upload of files with drag and drop.
FileInputOui FileButton : Allows you to select files with a single click.
Floating LabelNon
FormFieldNon
InputNon
InputWrapperNon
ListboxesOui Interactive listboxes that maintain selection state.
NumberInputNon
Radio ButtonNon
RadioGroupOui Capture feedback limited to a small set of options.
RangeOui Capture input from a range of values, including optional ticks.
Search InputNon
SelectNon
Speed DialNon
SliderNon
Switch ToggleOui A sliding toggle element that can capture input from a user.
TextareaNon
TextInputNon
UnstyledButton
Dates
DatePickerNon
TimePickerNon
CalendrierNon
Feedback
AlertOui Display customizable alerts to garner attention and provide critical actions.
LoadingNon
Notification / ToastsOui Simple notifications utilizing a dynamic queue system.
SnackbarNon
SnackbarContainerNon
Linear ProgressOui An indicator showing the progress or completion of a task.
Progress Radials / Circular ProgressOui Displays a radial indicator showing the progress or completion of a task.
SkeletonNon
SpinnerNon
Overlay
AffixNon
MenuOui Provides quick context menus when you tap the trigger element.
ModalOui High priority dialogs and modals using a dynamic queue system.
DialogOui High priority dialogs and modals using a dynamic queue system.
OverlayNon
TooltipOui Informative tooltips that render on mouse over.
Utils
Code blocksOui Displays pre-formatted source code, with optional support for Highlight.js syntax highlighting.
ColorsNon
Close ButtonNon
LabelNon
Local Storage StoreOui An extended version of the Svelte writable store that includes pub/sub to local storage.
ToolbarNon
Svelte Actions / Hooks Library
use-moveNon
use-clipboardOui Allows you to quickly copy select data to the clipboard.
use-focus-trapOui Allows you to contain focus within elements on-demand.
Image FiltersOui Applies a set of unique SVG filters. Best used with images, but also available to select components, such as Avatars.
Frameworks
English
Publique
Publique
30 déc. 2022 22:41:12
30 déc. 2022 21:17:24
Voir les modifications

Avis utilisateurs et commentaires

Pas de commentaires pour l'instant. Soyez le premier à laisser votre avis.