S
shadcn-ui
/
ui
/
blocks
Files
Code
Info
chart-area-axes
chart-area-default
chart-area-gradient
chart-area-icons
chart-area-interactive
chart-area-legend
chart-area-linear
chart-area-stacked
chart-area-stacked-expand
chart-area-step
chart-bar-active
chart-bar-default
chart-bar-horizontal
chart-bar-interactive
chart-bar-label
chart-bar-label-custom
chart-bar-mixed
chart-bar-multiple
chart-bar-negative
chart-bar-stacked
chart-line-default
chart-line-dots
chart-line-dots-colors
chart-line-dots-custom
chart-line-interactive
chart-line-label
chart-line-label-custom
chart-line-linear
chart-line-multiple
chart-line-step
chart-pie-donut
chart-pie-donut-active
chart-pie-donut-text
chart-pie-interactive
chart-pie-label
chart-pie-label-custom
chart-pie-label-list
chart-pie-legend
chart-pie-separator-none
chart-pie-simple
chart-pie-stacked
chart-radar-default
chart-radar-dots
chart-radar-grid-circle
chart-radar-grid-circle-fill
chart-radar-grid-circle-no-lines
chart-radar-grid-custom
chart-radar-grid-fill
chart-radar-grid-none
chart-radar-icons
chart-radar-label-custom
chart-radar-legend
chart-radar-lines-only
chart-radar-multiple
chart-radar-radius
chart-radial-grid
chart-radial-label
chart-radial-shape
chart-radial-simple
chart-radial-stacked
chart-radial-text
chart-tooltip-advanced
chart-tooltip-default
chart-tooltip-formatter
chart-tooltip-icons
chart-tooltip-indicator-line
chart-tooltip-indicator-none
chart-tooltip-label-custom
chart-tooltip-label-formatter
chart-tooltip-label-none
dashboard-01
A dashboard with sidebar, charts and data table.
login-01
A simple login form.
login-02
A two column login page with a cover image.
login-03
A login page with a muted background color.
login-04
A login page with form and image.
login-05
A simple email-only login page.
sidebar-01
A simple sidebar with navigation grouped by section.
sidebar-02
A sidebar with collapsible sections.
sidebar-03
A sidebar with submenus.
sidebar-04
A floating sidebar with submenus.
sidebar-05
A sidebar with collapsible submenus.
sidebar-06
A sidebar with submenus as dropdowns.
sidebar-07
A sidebar that collapses to icons.
sidebar-08
An inset sidebar with secondary navigation.
sidebar-09
Collapsible nested sidebars.
sidebar-10
A sidebar in a popover.
sidebar-11
A sidebar with a collapsible file tree.
sidebar-12
A sidebar with a calendar.
sidebar-13
A sidebar in a dialog.
sidebar-14
A sidebar on the right.
sidebar-15
A left and right sidebar.
sidebar-16
A sidebar with a sticky site header.
signup-01
A simple signup form.
signup-02
A two column signup page with a cover image.
signup-03
A signup page with a muted background color.
signup-04
A signup page with form and image.
signup-05
A simple signup form with social providers.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
chart-area-axes
chart-area-default
chart-area-gradient
chart-area-icons
chart-area-interactive
chart-area-legend
chart-area-linear
chart-area-stacked
chart-area-stacked-expand
chart-area-step
chart-bar-active
chart-bar-default
chart-bar-horizontal
chart-bar-interactive
chart-bar-label
chart-bar-label-custom
chart-bar-mixed
chart-bar-multiple
chart-bar-negative
chart-bar-stacked
chart-line-default
chart-line-dots
chart-line-dots-colors
chart-line-dots-custom
chart-line-interactive
chart-line-label
chart-line-label-custom
chart-line-linear
chart-line-multiple
chart-line-step
chart-pie-donut
chart-pie-donut-active
chart-pie-donut-text
chart-pie-interactive
chart-pie-label
chart-pie-label-custom
chart-pie-label-list
chart-pie-legend
chart-pie-separator-none
chart-pie-simple
chart-pie-stacked
chart-radar-default
chart-radar-dots
chart-radar-grid-circle
chart-radar-grid-circle-fill
chart-radar-grid-circle-no-lines
chart-radar-grid-custom
chart-radar-grid-fill
chart-radar-grid-none
chart-radar-icons
chart-radar-label-custom
chart-radar-legend
chart-radar-lines-only
chart-radar-multiple
chart-radar-radius
chart-radial-grid
chart-radial-label
chart-radial-shape
chart-radial-simple
chart-radial-stacked
chart-radial-text
chart-tooltip-advanced
chart-tooltip-default
chart-tooltip-formatter
chart-tooltip-icons
chart-tooltip-indicator-line
chart-tooltip-indicator-none
chart-tooltip-label-custom
chart-tooltip-label-formatter
chart-tooltip-label-none
dashboard-01
A dashboard with sidebar, charts and data table.
login-01
A simple login form.
login-02
A two column login page with a cover image.
login-03
A login page with a muted background color.
login-04
A login page with form and image.
login-05
A simple email-only login page.
sidebar-01
A simple sidebar with navigation grouped by section.
sidebar-02
A sidebar with collapsible sections.
sidebar-03
A sidebar with submenus.
sidebar-04
A floating sidebar with submenus.
sidebar-05
A sidebar with collapsible submenus.
sidebar-06
A sidebar with submenus as dropdowns.
sidebar-07
A sidebar that collapses to icons.
sidebar-08
An inset sidebar with secondary navigation.
sidebar-09
Collapsible nested sidebars.
sidebar-10
A sidebar in a popover.
sidebar-11
A sidebar with a collapsible file tree.
sidebar-12
A sidebar with a calendar.
sidebar-13
A sidebar in a dialog.
sidebar-14
A sidebar on the right.
sidebar-15
A left and right sidebar.
sidebar-16
A sidebar with a sticky site header.
signup-01
A simple signup form.
signup-02
A two column signup page with a cover image.
signup-03
A signup page with a muted background color.
signup-04
A signup page with form and image.
signup-05
A simple signup form with social providers.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information