Examples

Examples are smaller, real-world UI patterns built with shadcn/ui. Where a block is a full page section, an example is a single piece you place inside a page or dashboard.

What you find

  • Cards: blog cards, chat bubbles, payment methods, product cards, review cards, stat cards, task cards and welcome cards.
  • Charts: ecommerce, line and project management charts.
  • Date Picker: common date picker use cases.
  • Dropdown Menu: user menus.
  • Form: authentication forms.
  • Switch: switch cards and theme switchers.

Some examples are free and the rest are part of the paid plans.

Use an example

Open Get the Code on any example to copy the source or install it with the shadcn CLI, for example npx shadcn@latest add @shadcnuikit/review-card4. Replace the sample data with your own. Each example page also includes a short guide on which example fits which use case.

BlocksAdmin Dashboards