SolidUI
DocsComponentsBlocksExamples
GitHub

Getting Started

IntroductionInstallationDark ModeCLIFigmaAbout

Installation

SolidStartViteAstroTauriManual

Visualizations

Bar ListChartsDelta BarProgressProgress Circle

UI

AccordionAlertAlert DialogAspect RatioAvatarBadgeBadge DeltaBreadcrumbButtonCalloutCardCarouselCheckboxCollapsibleComboboxCommandContext MenuData Table
new
Date Picker
new
DialogDrawerDropdown MenuHover CardLabelMenubarNavigation MenuNumber FieldOTP FieldPaginationPopoverRadio GroupResizableSelectSeparatorSheetSidebar
new
SkeletonSliderSonnerSwitchTableTabsText FieldTimelineToastToggleToggle GroupTooltip

Layout

FlexGrid

Skeleton

Use to show a placeholder while content is loading.

Docs

Installation

npx solidui-cli@latest add skeleton

Usage

import { Skeleton } from "~/components/ui/skeleton"
<Skeleton height={16} width={200} radius={10} />

On This Page

    Built & designed by shadcn & tremorlabs. Ported to Solid by Stefan E-K & Michael Essiet.