shadcn ui marketplace

Discover the best shadcn ui kits and styles for modern web interfaces.

MN1

Leonard Krasner

@leonardkrasner

MN2

Floyd Miles

@floydmiles

MN3

Emily Selman

@emilyselman

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Default

Outline

Destructive

Accept terms

Right click here

Pick a date

shadcn/ui

Public

Beautifully designed components built with Radix UI and Tailwind CSS.

TypeScript

20.1k stars

1.2k forks

342 watching

24 issues

react

typescript

tailwindcss

radix-ui

Security policy

MIT License

Contributors

SCJDWKBR

Updated April 2023

shadcn, your way

Discover the best shadcn ui kits and styles for modern web interfaces.

Choose style

Choose example

Choose palette

Create an account

Enter your email below to create your account

Or continue with

Password

Payment Method

Add a new payment method to your account.

Name

Card number

Expires

Year

CVC

Team Members

Invite your team members to collaborate.

Sofia Davis

m@example.com

Jackson Lee

p@example.com

Share this document

Anyone with the link can view this document.

People with access

Olivia Martin

m@example.com

Isabella Nguyen

b@example.com

Sofia Davis

p@example.com

Pick a date

Notifications

Choose what you want to be notified about.

Everything

Email digest, mentions & all activity.

Available

Only mentions and comments.

Ignoring

Turn off all notifications.

Report an issue

What area are you having problems with?

Area

Security Level

Subject

Description

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

TypeScript

20k

Updated April 2023

Cookie Settings

Manage your cookie settings here.

Strictly NecessaryThese cookies are essential in order to use the website and use its features.

Functional CookiesThese cookies allow the website to provide personalized functionality.

Performance CookiesThese cookies help to improve the performance of the website.

custom shadcn styles,
inspired by popular design systems

Discover custom shadcn styles and ui kits, inspired by popular design systems. Easily download all custom styled /ui/* components directly into your project.

Carbon

Palette

Create an account

Enter your email below to create your account

Or continue with

Password

Payment Method

Add a new payment method to your account.

Name

Card number

Expires

Year

CVC

Team Members

Invite your team members to collaborate.

Sofia Davis

m@example.com

Jackson Lee

p@example.com

Share this document

Anyone with the link can view this document.

People with access

Olivia Martin

m@example.com

Isabella Nguyen

b@example.com

Sofia Davis

p@example.com

Pick a date

Notifications

Choose what you want to be notified about.

Everything

Email digest, mentions & all activity.

Available

Only mentions and comments.

Ignoring

Turn off all notifications.

Report an issue

What area are you having problems with?

Area

Security Level

Subject

Description

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

TypeScript

20k

Updated April 2023

Cookie Settings

Manage your cookie settings here.

Strictly NecessaryThese cookies are essential in order to use the website and use its features.

Functional CookiesThese cookies allow the website to provide personalized functionality.

Performance CookiesThese cookies help to improve the performance of the website.

Linear

Palette

Create an account

Enter your email below to create your account

Or continue with

Password

Payment Method

Add a new payment method to your account.

Name

Card number

Expires

Year

CVC

Team Members

Invite your team members to collaborate.

Sofia Davis

m@example.com

Jackson Lee

p@example.com

Share this document

Anyone with the link can view this document.

People with access

Olivia Martin

m@example.com

Isabella Nguyen

b@example.com

Sofia Davis

p@example.com

Pick a date

Notifications

Choose what you want to be notified about.

Everything

Email digest, mentions & all activity.

Available

Only mentions and comments.

Ignoring

Turn off all notifications.

Report an issue

What area are you having problems with?

Area

Security Level

Subject

Description

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

TypeScript

20k

Updated April 2023

Cookie Settings

Manage your cookie settings here.

Strictly NecessaryThese cookies are essential in order to use the website and use its features.

Functional CookiesThese cookies allow the website to provide personalized functionality.

Performance CookiesThese cookies help to improve the performance of the website.

Material

Palette

Create an account

Enter your email below to create your account

Or continue with

Password

Payment Method

Add a new payment method to your account.

Name

Card number

Expires

Year

CVC

Team Members

Invite your team members to collaborate.

Sofia Davis

m@example.com

Jackson Lee

p@example.com

Share this document

Anyone with the link can view this document.

People with access

Olivia Martin

m@example.com

Isabella Nguyen

b@example.com

Sofia Davis

p@example.com

Pick a date

Notifications

Choose what you want to be notified about.

Everything

Email digest, mentions & all activity.

Available

Only mentions and comments.

Ignoring

Turn off all notifications.

Report an issue

What area are you having problems with?

Area

Security Level

Subject

Description

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

TypeScript

20k

Updated April 2023

Cookie Settings

Manage your cookie settings here.

Strictly NecessaryThese cookies are essential in order to use the website and use its features.

Functional CookiesThese cookies allow the website to provide personalized functionality.

Performance CookiesThese cookies help to improve the performance of the website.

Spectrum

Palette

Create an account

Enter your email below to create your account

Or continue with

Password

Payment Method

Add a new payment method to your account.

Name

Card number

Expires

Year

CVC

Team Members

Invite your team members to collaborate.

Sofia Davis

m@example.com

Jackson Lee

p@example.com

Share this document

Anyone with the link can view this document.

People with access

Olivia Martin

m@example.com

Isabella Nguyen

b@example.com

Sofia Davis

p@example.com

Pick a date

Notifications

Choose what you want to be notified about.

Everything

Email digest, mentions & all activity.

Available

Only mentions and comments.

Ignoring

Turn off all notifications.

Report an issue

What area are you having problems with?

Area

Security Level

Subject

Description

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

TypeScript

20k

Updated April 2023

Cookie Settings

Manage your cookie settings here.

Strictly NecessaryThese cookies are essential in order to use the website and use its features.

Functional CookiesThese cookies allow the website to provide personalized functionality.

Performance CookiesThese cookies help to improve the performance of the website.

Catalyst

Palette

Create an account

Enter your email below to create your account

Or continue with

Password

Payment Method

Add a new payment method to your account.

Name

Card number

Expires

Year

CVC

Team Members

Invite your team members to collaborate.

Sofia Davis

m@example.com

Jackson Lee

p@example.com

Share this document

Anyone with the link can view this document.

People with access

Olivia Martin

m@example.com

Isabella Nguyen

b@example.com

Sofia Davis

p@example.com

Pick a date

Notifications

Choose what you want to be notified about.

Everything

Email digest, mentions & all activity.

Available

Only mentions and comments.

Ignoring

Turn off all notifications.

Report an issue

What area are you having problems with?

Area

Security Level

Subject

Description

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

TypeScript

20k

Updated April 2023

Cookie Settings

Manage your cookie settings here.

Strictly NecessaryThese cookies are essential in order to use the website and use its features.

Functional CookiesThese cookies allow the website to provide personalized functionality.

Performance CookiesThese cookies help to improve the performance of the website.

Wedges

Palette

Create an account

Enter your email below to create your account

Or continue with

Password

Payment Method

Add a new payment method to your account.

Name

Card number

Expires

Year

CVC

Team Members

Invite your team members to collaborate.

Sofia Davis

m@example.com

Jackson Lee

p@example.com

Share this document

Anyone with the link can view this document.

People with access

Olivia Martin

m@example.com

Isabella Nguyen

b@example.com

Sofia Davis

p@example.com

Pick a date

Notifications

Choose what you want to be notified about.

Everything

Email digest, mentions & all activity.

Available

Only mentions and comments.

Ignoring

Turn off all notifications.

Report an issue

What area are you having problems with?

Area

Security Level

Subject

Description

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

TypeScript

20k

Updated April 2023

Cookie Settings

Manage your cookie settings here.

Strictly NecessaryThese cookies are essential in order to use the website and use its features.

Functional CookiesThese cookies allow the website to provide personalized functionality.

Performance CookiesThese cookies help to improve the performance of the website.

Moon

Palette

Create an account

Enter your email below to create your account

Or continue with

Password

Payment Method

Add a new payment method to your account.

Name

Card number

Expires

Year

CVC

Team Members

Invite your team members to collaborate.

Sofia Davis

m@example.com

Jackson Lee

p@example.com

Share this document

Anyone with the link can view this document.

People with access

Olivia Martin

m@example.com

Isabella Nguyen

b@example.com

Sofia Davis

p@example.com

Pick a date

Notifications

Choose what you want to be notified about.

Everything

Email digest, mentions & all activity.

Available

Only mentions and comments.

Ignoring

Turn off all notifications.

Report an issue

What area are you having problems with?

Area

Security Level

Subject

Description

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

TypeScript

20k

Updated April 2023

Cookie Settings

Manage your cookie settings here.

Strictly NecessaryThese cookies are essential in order to use the website and use its features.

Functional CookiesThese cookies allow the website to provide personalized functionality.

Performance CookiesThese cookies help to improve the performance of the website.

Lucid

Palette

Create an account

Enter your email below to create your account

Or continue with

Password

Payment Method

Add a new payment method to your account.

Name

Card number

Expires

Year

CVC

Team Members

Invite your team members to collaborate.

Sofia Davis

m@example.com

Jackson Lee

p@example.com

Share this document

Anyone with the link can view this document.

People with access

Olivia Martin

m@example.com

Isabella Nguyen

b@example.com

Sofia Davis

p@example.com

Pick a date

Notifications

Choose what you want to be notified about.

Everything

Email digest, mentions & all activity.

Available

Only mentions and comments.

Ignoring

Turn off all notifications.

Report an issue

What area are you having problems with?

Area

Security Level

Subject

Description

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

TypeScript

20k

Updated April 2023

Cookie Settings

Manage your cookie settings here.

Strictly NecessaryThese cookies are essential in order to use the website and use its features.

Functional CookiesThese cookies allow the website to provide personalized functionality.

Performance CookiesThese cookies help to improve the performance of the website.

Snow

Palette

Create an account

Enter your email below to create your account

Or continue with

Password

Payment Method

Add a new payment method to your account.

Name

Card number

Expires

Year

CVC

Team Members

Invite your team members to collaborate.

Sofia Davis

m@example.com

Jackson Lee

p@example.com

Share this document

Anyone with the link can view this document.

People with access

Olivia Martin

m@example.com

Isabella Nguyen

b@example.com

Sofia Davis

p@example.com

Pick a date

Notifications

Choose what you want to be notified about.

Everything

Email digest, mentions & all activity.

Available

Only mentions and comments.

Ignoring

Turn off all notifications.

Report an issue

What area are you having problems with?

Area

Security Level

Subject

Description

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

TypeScript

20k

Updated April 2023

Cookie Settings

Manage your cookie settings here.

Strictly NecessaryThese cookies are essential in order to use the website and use its features.

Functional CookiesThese cookies allow the website to provide personalized functionality.

Performance CookiesThese cookies help to improve the performance of the website.

Neon

Palette

Create an account

Enter your email below to create your account

Or continue with

Password

Payment Method

Add a new payment method to your account.

Name

Card number

Expires

Year

CVC

Team Members

Invite your team members to collaborate.

Sofia Davis

m@example.com

Jackson Lee

p@example.com

Share this document

Anyone with the link can view this document.

People with access

Olivia Martin

m@example.com

Isabella Nguyen

b@example.com

Sofia Davis

p@example.com

Pick a date

Notifications

Choose what you want to be notified about.

Everything

Email digest, mentions & all activity.

Available

Only mentions and comments.

Ignoring

Turn off all notifications.

Report an issue

What area are you having problems with?

Area

Security Level

Subject

Description

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

TypeScript

20k

Updated April 2023

Cookie Settings

Manage your cookie settings here.

Strictly NecessaryThese cookies are essential in order to use the website and use its features.

Functional CookiesThese cookies allow the website to provide personalized functionality.

Performance CookiesThese cookies help to improve the performance of the website.

Libellé

Palette

Create an account

Enter your email below to create your account

Or continue with

Password

Payment Method

Add a new payment method to your account.

Name

Card number

Expires

Year

CVC

Team Members

Invite your team members to collaborate.

Sofia Davis

m@example.com

Jackson Lee

p@example.com

Share this document

Anyone with the link can view this document.

People with access

Olivia Martin

m@example.com

Isabella Nguyen

b@example.com

Sofia Davis

p@example.com

Pick a date

Notifications

Choose what you want to be notified about.

Everything

Email digest, mentions & all activity.

Available

Only mentions and comments.

Ignoring

Turn off all notifications.

Report an issue

What area are you having problems with?

Area

Security Level

Subject

Description

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

TypeScript

20k

Updated April 2023

Cookie Settings

Manage your cookie settings here.

Strictly NecessaryThese cookies are essential in order to use the website and use its features.

Functional CookiesThese cookies allow the website to provide personalized functionality.

Performance CookiesThese cookies help to improve the performance of the website.

shadcn ui marketplace

shadcn, your way

Choose style

Choose example

Choose palette

People with access

custom shadcn styles, inspired by popular design systems

People with access

People with access

People with access

People with access

People with access

People with access

People with access

People with access

People with access

People with access

People with access

custom shadcn styles,
inspired by popular design systems