Sidebar

On this page you will find a few Sidebar examples ported from shadcn-ui.

Note

In order to see the full(Desktop) view, please click on the External View button ( ) at the top of the style.

A simple sidebar with navigation grouped by section.

A sidebar with collapsible sections.

A sidebar with submenus.

A floating sidebar with submenus.

A sidebar with collapsible submenus.

A sidebar with submenus as dropdowns.

A sidebar that collapses to icons.

An inset sidebar with secondary navigation.

Collapsible nested sidebars.

A sidebar in a popover.

A sidebar with a collapsible file tree.

This example requires you to create a recursive component to render the tree structure.

You can see this example here to see what the recursive component looks like.

A sidebar with a calendar.

A sidebar in a dialog.

A sidebar on the right.

Pricing

On this page you will find different ways in which you can style the pricing section of your website.

On this page you will find different ways in which you can styles your Sign Up page.