Overview

Linear Admin uses Shadcn UI component library to build its user interface. Shadcn UI is a collection of re-usable components that you can copy and paste into your apps.

Shadcn is not available or distributed via npm, all you need to do is to copy the components you need from the Shadcn UI documentation and paste them into your app. Unless like other distributed component libraries, this gives you full control over the components and you can customize them to your taste.

By default Linear Admin comes with a few components that are fully customized to match the overall design, you can find them in the @/components/ui directory. You can also add more components from Shadcn UI if required.

Available Components

Following are the list of components that are comes with Linear Admin:

Component Path Shadcn Documentation
Avatar @/components/ui/avatar https://ui.shadcn.com/docs/components/avatar
Badge @/components/ui/badge https://ui.shadcn.com/docs/components/badge
Button @/components/ui/button https://ui.shadcn.com/docs/components/button
Calendar @/components/ui/calendar https://ui.shadcn.com/docs/components/calendar
Card @/components/ui/card https://ui.shadcn.com/docs/components/card
Checkbox @/components/ui/checkbox https://ui.shadcn.com/docs/components/checkbox
Command @/components/ui/command https://ui.shadcn.com/docs/components/command
Dialog @/components/ui/dialog https://ui.shadcn.com/docs/components/dialog
Dropdown @/components/ui/dropdown https://ui.shadcn.com/docs/components/dropdown-menu
Input @/components/ui/input https://ui.shadcn.com/docs/components/input
Label @/components/ui/label https://ui.shadcn.com/docs/components/label
Navigation Menu @/components/ui/navigation-menu https://ui.shadcn.com/docs/components/navigation-menu
Popover @/components/ui/popover https://ui.shadcn.com/docs/components/popover
Progress @/components/ui/progress https://ui.shadcn.com/docs/components/progress
Radio Group @/components/ui/radio-group https://ui.shadcn.com/docs/components/radio-group
Scroll Area @/components/ui/scroll-area https://ui.shadcn.com/docs/components/scroll-area
Select @/components/ui/select https://ui.shadcn.com/docs/components/select
Skeleton @/components/ui/skeleton https://ui.shadcn.com/docs/components/skeleton
Slider @/components/ui/slider https://ui.shadcn.com/docs/components/slider
Switch @/components/ui/switch https://ui.shadcn.com/docs/components/switch
Textarea @/components/ui/textarea https://ui.shadcn.com/docs/components/textarea