UI Lab

    Explore different variants and configurations of the component.

    Library Registry

    utils

    Fully accessible, reusable utils logic for your Next.js applications.

    use toast

    Fully accessible, reusable use-toast logic for your Next.js applications.

    accordion

    Fully accessible, reusable accordion logic for your Next.js applications.

    alert dialog

    Fully accessible, reusable alert-dialog logic for your Next.js applications.

    alert

    Fully accessible, reusable alert logic for your Next.js applications.

    avatar

    Fully accessible, reusable avatar logic for your Next.js applications.

    badge

    Fully accessible, reusable badge logic for your Next.js applications.

    breadcrumb

    Fully accessible, reusable breadcrumb logic for your Next.js applications.

    button

    Fully accessible, reusable button logic for your Next.js applications.

    calendar

    Fully accessible, reusable calendar logic for your Next.js applications.

    card

    Fully accessible, reusable card logic for your Next.js applications.

    chart primitives

    Fully accessible, reusable chart-primitives logic for your Next.js applications.

    charts bar

    Fully accessible, reusable charts-bar logic for your Next.js applications.

    charts line

    Fully accessible, reusable charts-line logic for your Next.js applications.

    charts pie

    Fully accessible, reusable charts-pie logic for your Next.js applications.

    charts area

    Fully accessible, reusable charts-area logic for your Next.js applications.

    charts radar

    Fully accessible, reusable charts-radar logic for your Next.js applications.

    charts scatter

    Fully accessible, reusable charts-scatter logic for your Next.js applications.

    charts gauge

    Fully accessible, reusable charts-gauge logic for your Next.js applications.

    charts funnel

    Fully accessible, reusable charts-funnel logic for your Next.js applications.

    charts treemap

    Fully accessible, reusable charts-treemap logic for your Next.js applications.

    charts candlestick

    Fully accessible, reusable charts-candlestick logic for your Next.js applications.

    charts waterfall

    Fully accessible, reusable charts-waterfall logic for your Next.js applications.

    charts heatmap

    Fully accessible, reusable charts-heatmap logic for your Next.js applications.

    charts polar area

    Fully accessible, reusable charts-polar-area logic for your Next.js applications.

    charts radial bar

    Fully accessible, reusable charts-radial-bar logic for your Next.js applications.

    charts bump

    Fully accessible, reusable charts-bump logic for your Next.js applications.

    charts donut progress

    Fully accessible, reusable charts-donut-progress logic for your Next.js applications.

    charts sankey

    Fully accessible, reusable charts-sankey logic for your Next.js applications.

    carousel

    Fully accessible, reusable carousel logic for your Next.js applications.

    checkbox

    Fully accessible, reusable checkbox logic for your Next.js applications.

    collapsible

    Fully accessible, reusable collapsible logic for your Next.js applications.

    combobox

    Fully accessible, reusable combobox logic for your Next.js applications.

    command

    Fully accessible, reusable command logic for your Next.js applications.

    dialog

    Fully accessible, reusable dialog logic for your Next.js applications.

    dropdown menu

    Fully accessible, reusable dropdown-menu logic for your Next.js applications.

    form

    Fully accessible, reusable form logic for your Next.js applications.

    input

    Fully accessible, reusable input logic for your Next.js applications.

    label

    Fully accessible, reusable label logic for your Next.js applications.

    menubar

    Fully accessible, reusable menubar logic for your Next.js applications.

    navigation menu

    Fully accessible, reusable navigation-menu logic for your Next.js applications.

    popover

    Fully accessible, reusable popover logic for your Next.js applications.

    progress

    Fully accessible, reusable progress logic for your Next.js applications.

    progress shared

    Fully accessible, reusable progress-shared logic for your Next.js applications.

    radio group

    Fully accessible, reusable radio-group logic for your Next.js applications.

    resizable

    Fully accessible, reusable resizable logic for your Next.js applications.

    scroll area

    Fully accessible, reusable scroll-area logic for your Next.js applications.

    select

    Fully accessible, reusable select logic for your Next.js applications.

    separator

    Fully accessible, reusable separator logic for your Next.js applications.

    skeleton

    Fully accessible, reusable skeleton logic for your Next.js applications.

    sheet

    Fully accessible, reusable sheet logic for your Next.js applications.

    slider

    Fully accessible, reusable slider logic for your Next.js applications.

    sonner

    Fully accessible, reusable sonner logic for your Next.js applications.

    switch

    Fully accessible, reusable switch logic for your Next.js applications.

    tabs

    Fully accessible, reusable tabs logic for your Next.js applications.

    table

    Fully accessible, reusable table logic for your Next.js applications.

    textarea

    Fully accessible, reusable textarea logic for your Next.js applications.

    toast

    Fully accessible, reusable toast logic for your Next.js applications.

    toaster

    Fully accessible, reusable toaster logic for your Next.js applications.

    toggle group

    Fully accessible, reusable toggle-group logic for your Next.js applications.

    toggle

    Fully accessible, reusable toggle logic for your Next.js applications.

    tooltip

    Fully accessible, reusable tooltip logic for your Next.js applications.