UI

Components

Native Liquid components with live previews, source examples and shadcn CLI installation.

AccordionNative Liquid accordion with readable CSS and shared data-slot parts.AlertNative Liquid alert with readable CSS and shared data-slot parts.Alert DialogNative Liquid alert dialog with readable CSS and shared data-slot parts.Aspect RatioNative Liquid aspect ratio with readable CSS and shared data-slot parts.AttachmentNative Liquid attachment with readable CSS and shared data-slot parts.AvatarNative Liquid avatar with readable CSS and shared data-slot parts.BadgeNative Liquid badge with readable CSS and shared data-slot parts.BannerNative Liquid banner with readable CSS and shared data-slot parts.BreadcrumbNative Liquid breadcrumb with readable CSS and shared data-slot parts.ButtonNative Liquid button with readable CSS and shared data-slot parts.Button GroupNative Liquid button group with readable CSS and shared data-slot parts.CardNative Liquid card with readable CSS and shared data-slot parts.CarouselNative Liquid carousel with readable CSS and shared data-slot parts.CheckboxNative Liquid checkbox with readable CSS and shared data-slot parts.CollapsibleNative Liquid collapsible with readable CSS and shared data-slot parts.ComboboxNative Liquid combobox with readable CSS and shared data-slot parts.CommandNative Liquid command with readable CSS and shared data-slot parts.DialogNative Liquid dialog with readable CSS and shared data-slot parts.DrawerNative Liquid drawer with readable CSS and shared data-slot parts.Dropdown MenuNative Liquid dropdown menu with readable CSS and shared data-slot parts.EmptyNative Liquid empty with readable CSS and shared data-slot parts.FieldNative Liquid field with readable CSS and shared data-slot parts.FormNative Liquid form with readable CSS and shared data-slot parts.HeaderNative Liquid header with readable CSS and shared data-slot parts.Hover CardNative Liquid hover card with readable CSS and shared data-slot parts.IconNative Liquid icon with readable CSS and shared data-slot parts.InputNative Liquid input with readable CSS and shared data-slot parts.Input GroupNative Liquid input group with readable CSS and shared data-slot parts.ItemNative Liquid item with readable CSS and shared data-slot parts.KbdNative Liquid kbd with readable CSS and shared data-slot parts.LabelNative Liquid label with readable CSS and shared data-slot parts.LogoNative Liquid logo with readable CSS and shared data-slot parts.MarqueeNative Liquid marquee with readable CSS and shared data-slot parts.Native SelectNative Liquid native select with readable CSS and shared data-slot parts.Navigation MenuNative Liquid navigation menu with readable CSS and shared data-slot parts.PaginationNative Liquid pagination with readable CSS and shared data-slot parts.PopoverNative Liquid popover with readable CSS and shared data-slot parts.PriceNative Liquid price with readable CSS and shared data-slot parts.Radio GroupNative Liquid radio group with readable CSS and shared data-slot parts.RatingNative Liquid rating with readable CSS and shared data-slot parts.SectionNative Liquid section with readable CSS and shared data-slot parts.SelectNative Liquid select with readable CSS and shared data-slot parts.SeparatorNative Liquid separator with readable CSS and shared data-slot parts.SheetNative Liquid sheet with readable CSS and shared data-slot parts.SkeletonNative Liquid skeleton with readable CSS and shared data-slot parts.SliderNative Liquid slider with readable CSS and shared data-slot parts.SpinnerNative Liquid spinner with readable CSS and shared data-slot parts.SwitchNative Liquid switch with readable CSS and shared data-slot parts.TableNative Liquid table with readable CSS and shared data-slot parts.TabsNative Liquid tabs with readable CSS and shared data-slot parts.TextareaNative Liquid textarea with readable CSS and shared data-slot parts.ToastNative Liquid toast with readable CSS and shared data-slot parts.TocNative Liquid toc with readable CSS and shared data-slot parts.ToggleNative Liquid toggle with readable CSS and shared data-slot parts.Toggle GroupNative Liquid toggle group with readable CSS and shared data-slot parts.TooltipNative Liquid tooltip with readable CSS and shared data-slot parts.TypographyNative Liquid typography with readable CSS and shared data-slot parts.VideoNative Liquid video with readable CSS and shared data-slot parts.