shadcn-ui-customizer
shadcn/ui themes with color pickers
File Explorer
- themes.css
- next.svg
- placeholder-user.jpg
- placeholder.svg
- rh-logo-2024.svg
- rh-logo.svg
- tinte-2.png
- tinte.png
- vercel.svg
- authentication-01.tsx
- authentication-02.tsx
- authentication-03.tsx
- authentication-04.tsx
- dashboard-01.tsx
- dashboard-02.tsx
- dashboard-03.tsx
- dashboard-04.tsx
- dashboard-05.tsx
- dashboard-06.tsx
- dashboard-07.tsx
- accordion-demo.tsx
- alert-demo.tsx
- alert-destructive.tsx
- alert-dialog-demo.tsx
- aspect-ratio-demo.tsx
- avatar-demo.tsx
- badge-demo.tsx
- badge-destructive.tsx
- badge-outline.tsx
- badge-secondary.tsx
- breadcrumb-demo.tsx
- breadcrumb-dropdown.tsx
- breadcrumb-ellipsis.tsx
- breadcrumb-link.tsx
- breadcrumb-responsive.tsx
- breadcrumb-separator.tsx
- button-as-child.tsx
- button-demo.tsx
- button-destructive.tsx
- button-ghost.tsx
- button-icon.tsx
- button-link.tsx
- button-loading.tsx
- button-outline.tsx
- button-secondary.tsx
- button-with-icon.tsx
- calendar-demo.tsx
- calendar-form.tsx
- card-demo.tsx
- card-with-form.tsx
- carousel-api.tsx
- carousel-demo.tsx
- carousel-orientation.tsx
- carousel-plugin.tsx
- carousel-size.tsx
- carousel-spacing.tsx
- checkbox-demo.tsx
- checkbox-disabled.tsx
- checkbox-form-multiple.tsx
- checkbox-form-single.tsx
- checkbox-with-text.tsx
- collapsible-demo.tsx
- combobox-demo.tsx
- combobox-dropdown-menu.tsx
- combobox-form.tsx
- combobox-popover.tsx
- combobox-responsive.tsx
- command-demo.tsx
- command-dialog.tsx
- context-menu-demo.tsx
- data-table-demo.tsx
- date-picker-demo.tsx
- date-picker-form.tsx
- date-picker-with-presets.tsx
- date-picker-with-range.tsx
- dialog-close-button.tsx
- dialog-demo.tsx
- drawer-demo.tsx
- drawer-dialog.tsx
- dropdown-menu-checkboxes.tsx
- dropdown-menu-demo.tsx
- dropdown-menu-radio-group.tsx
- hover-card-demo.tsx
- input-demo.tsx
- input-disabled.tsx
- input-file.tsx
- input-form.tsx
- input-otp-controlled.tsx
- input-otp-demo.tsx
- input-otp-form.tsx
- input-otp-pattern.tsx
- input-otp-separator.tsx
- input-with-button.tsx
- input-with-label.tsx
- input-with-text.tsx
- label-demo.tsx
- menubar-demo.tsx
- mode-toggle.tsx
- navigation-menu-demo.tsx
- pagination-demo.tsx
- popover-demo.tsx
- progress-demo.tsx
- radio-group-demo.tsx
- radio-group-form.tsx
- resizable-demo-with-handle.tsx
- resizable-demo.tsx
- resizable-handle.tsx
- resizable-vertical.tsx
- scroll-area-demo.tsx
- scroll-area-horizontal-demo.tsx
- select-demo.tsx
- select-form.tsx
- select-scrollable.tsx
- separator-demo.tsx
- sheet-demo.tsx
- sheet-side.tsx
- skeleton-card.tsx
- skeleton-demo.tsx
- slider-demo.tsx
- sonner-demo.tsx
- switch-demo.tsx
- switch-form.tsx
- table-demo.tsx
- tabs-demo.tsx
- textarea-demo.tsx
- textarea-disabled.tsx
- textarea-form.tsx
- textarea-with-button.tsx
- textarea-with-label.tsx
- textarea-with-text.tsx
- toast-demo.tsx
- toast-destructive.tsx
- toast-simple.tsx
- toast-with-action.tsx
- toast-with-title.tsx
- toggle-demo.tsx
- toggle-disabled.tsx
- toggle-group-demo.tsx
- toggle-group-disabled.tsx
- toggle-group-lg.tsx
- toggle-group-outline.tsx
- toggle-group-single.tsx
- toggle-group-sm.tsx
- toggle-lg.tsx
- toggle-outline.tsx
- toggle-sm.tsx
- toggle-with-text.tsx
- tooltip-demo.tsx
- typography-blockquote.tsx
- typography-demo.tsx
- typography-h1.tsx
- typography-h2.tsx
- typography-h3.tsx
- typography-h4.tsx
- typography-inline-code.tsx
- typography-large.tsx
- typography-lead.tsx
- typography-list.tsx
- typography-muted.tsx
- typography-p.tsx
- typography-small.tsx
- typography-table.tsx
- accordion.tsx
- alert-dialog.tsx
- alert.tsx
- aspect-ratio.tsx
- avatar.tsx
- badge.tsx
- breadcrumb.tsx
- button.tsx
- calendar.tsx
- card.tsx
- carousel.tsx
- checkbox.tsx
- collapsible.tsx
- command.tsx
- context-menu.tsx
- dialog.tsx
- drawer.tsx
- dropdown-menu.tsx
- form.tsx
- hover-card.tsx
- input-otp.tsx
- input.tsx
- label.tsx
- menubar.tsx
- navigation-menu.tsx
- pagination.tsx
- popover.tsx
- progress.tsx
- radio-group.tsx
- resizable.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- skeleton.tsx
- slider.tsx
- sonner.tsx
- switch.tsx
- table.tsx
- tabs.tsx
- textarea.tsx
- toast.tsx
- toggle-group.tsx
- toggle.tsx
- tooltip.tsx
- authentication-01.tsx
- authentication-02.tsx
- authentication-03.tsx
- authentication-04.tsx
- dashboard-01.tsx
- dashboard-02.tsx
- dashboard-03.tsx
- dashboard-04.tsx
- dashboard-05.tsx
- dashboard-06.tsx
- dashboard-07.tsx
- .autogenerated
- .gitkeep
- index.tsx
- README.md
- route.ts
- route.ts
- page.tsx
- page.tsx
- globals.css
- header.tsx
- icon.svg
- layout.tsx
- page.tsx
- color-picker-section.tsx
- color-section.tsx
- color.utils.ts
- customizer-header.tsx
- mode-section.tsx
- radius-section.tsx
- style-section.tsx
- accordion.tsx
- alert-dialog.tsx
- alert.tsx
- aspect-ratio.tsx
- avatar.tsx
- badge.tsx
- button.tsx
- calendar.tsx
- card.tsx
- checkbox.tsx
- collapsible.tsx
- command.tsx
- context-menu.tsx
- dialog.tsx
- dropdown-menu.tsx
- form.tsx
- hover-card.tsx
- input.tsx
- label.tsx
- menubar.tsx
- navigation-menu.tsx
- popover.tsx
- progress.tsx
- radio-group.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- skeleton.tsx
- slider.tsx
- sonner.tsx
- switch.tsx
- table.tsx
- tabs.tsx
- textarea.tsx
- toast.tsx
- toaster.tsx
- toggle.tsx
- tooltip.tsx
- use-toast.ts
- block-chunk.tsx
- block-copy-button.tsx
- block-display.tsx
- block-preview.tsx
- block-toolbar.tsx
- block-wrapper.tsx
- copy-button.tsx
- counterscale-script.tsx
- drawer.tsx
- email-subscribe.tsx
- icons.tsx
- page-header.tsx
- providers.tsx
- style-switcher.tsx
- subscribed-email.tsx
- tabs.tsx
- theme-customizer.tsx
- theme-wrapper.tsx
- use-config.ts
- use-debounce.ts
- use-lift-mode.ts
- use-media-query.tsx
- dark.json
- light.json
- blocks.ts
- events.ts
- highlight-code.ts
- utils.ts
- authentication-01.tsx
- authentication-02.tsx
- authentication-03.tsx
- authentication-04.tsx
- dashboard-01-chunk-0.tsx
- dashboard-01-chunk-1.tsx
- dashboard-01-chunk-2.tsx
- dashboard-01-chunk-3.tsx
- dashboard-01-chunk-4.tsx
- dashboard-01-chunk-5.tsx
- dashboard-01.tsx
- dashboard-02-chunk-0.tsx
- dashboard-02-chunk-1.tsx
- dashboard-02.tsx
- dashboard-03-chunk-0.tsx
- dashboard-03-chunk-1.tsx
- dashboard-03.tsx
- dashboard-04-chunk-0.tsx
- dashboard-04-chunk-1.tsx
- dashboard-04-chunk-2.tsx
- dashboard-04.tsx
- dashboard-05-chunk-0.tsx
- dashboard-05-chunk-1.tsx
- dashboard-05-chunk-2.tsx
- dashboard-05-chunk-3.tsx
- dashboard-05-chunk-4.tsx
- dashboard-05.tsx
- dashboard-06-chunk-0.tsx
- dashboard-06.tsx
- dashboard-07-chunk-0.tsx
- dashboard-07-chunk-1.tsx
- dashboard-07-chunk-2.tsx
- dashboard-07-chunk-3.tsx
- dashboard-07-chunk-4.tsx
- dashboard-07-chunk-5.tsx
- dashboard-07.tsx
- activity-goal.tsx
- calendar.tsx
- chat.tsx
- cookie-settings.tsx
- create-account.tsx
- data-table.tsx
- index.tsx
- metric.tsx
- payment-method.tsx
- report-issue.tsx
- share.tsx
- stats.tsx
- team-members.tsx
- accordion-demo.tsx
- alert-demo.tsx
- alert-destructive.tsx
- alert-dialog-demo.tsx
- aspect-ratio-demo.tsx
- avatar-demo.tsx
- badge-demo.tsx
- badge-destructive.tsx
- badge-outline.tsx
- badge-secondary.tsx
- breadcrumb-demo.tsx
- breadcrumb-dropdown.tsx
- breadcrumb-ellipsis.tsx
- breadcrumb-link.tsx
- breadcrumb-responsive.tsx
- breadcrumb-separator.tsx
- button-as-child.tsx
- button-demo.tsx
- button-destructive.tsx
- button-ghost.tsx
- button-icon.tsx
- button-link.tsx
- button-loading.tsx
- button-outline.tsx
- button-secondary.tsx
- button-with-icon.tsx
- calendar-demo.tsx
- calendar-form.tsx
- calendar-react-hook-form.tsx
- card-demo.tsx
- card-with-form.tsx
- carousel-api.tsx
- carousel-demo.tsx
- carousel-orientation.tsx
- carousel-plugin.tsx
- carousel-size.tsx
- carousel-spacing.tsx
- checkbox-demo.tsx
- checkbox-disabled.tsx
- checkbox-form-multiple.tsx
- checkbox-form-single.tsx
- checkbox-with-text.tsx
- collapsible-demo.tsx
- combobox-demo.tsx
- combobox-dropdown-menu.tsx
- combobox-form.tsx
- combobox-popover.tsx
- combobox-responsive.tsx
- command-demo.tsx
- command-dialog.tsx
- context-menu-demo.tsx
- data-table-demo.tsx
- date-picker-demo.tsx
- date-picker-form.tsx
- date-picker-with-presets.tsx
- date-picker-with-range.tsx
- dialog-close-button.tsx
- dialog-demo.tsx
- drawer-demo.tsx
- drawer-dialog.tsx
- dropdown-menu-checkboxes.tsx
- dropdown-menu-demo.tsx
- dropdown-menu-radio-group.tsx
- hover-card-demo.tsx
- input-demo.tsx
- input-disabled.tsx
- input-file.tsx
- input-form.tsx
- input-otp-controlled.tsx
- input-otp-demo.tsx
- input-otp-form.tsx
- input-otp-pattern.tsx
- input-otp-separator.tsx
- input-with-button.tsx
- input-with-label.tsx
- input-with-text.tsx
- label-demo.tsx
- menubar-demo.tsx
- mode-toggle.tsx
- navigation-menu-demo.tsx
- pagination-demo.tsx
- popover-demo.tsx
- progress-demo.tsx
- radio-group-demo.tsx
- radio-group-form.tsx
- resizable-demo-with-handle.tsx
- resizable-demo.tsx
- resizable-handle.tsx
- resizable-vertical.tsx
- scroll-area-demo.tsx
- scroll-area-horizontal-demo.tsx
- select-demo.tsx
- select-form.tsx
- select-scrollable.tsx
- separator-demo.tsx
- sheet-demo.tsx
- sheet-side.tsx
- skeleton-card.tsx
- skeleton-demo.tsx
- slider-demo.tsx
- sonner-demo.tsx
- switch-demo.tsx
- switch-form.tsx
- table-demo.tsx
- tabs-demo.tsx
- textarea-demo.tsx
- textarea-disabled.tsx
- textarea-form.tsx
- textarea-with-button.tsx
- textarea-with-label.tsx
- textarea-with-text.tsx
- toast-demo.tsx
- toast-destructive.tsx
- toast-simple.tsx
- toast-with-action.tsx
- toast-with-title.tsx
- toggle-demo.tsx
- toggle-disabled.tsx
- toggle-group-demo.tsx
- toggle-group-disabled.tsx
- toggle-group-lg.tsx
- toggle-group-outline.tsx
- toggle-group-single.tsx
- toggle-group-sm.tsx
- toggle-lg.tsx
- toggle-outline.tsx
- toggle-sm.tsx
- toggle-with-text.tsx
- tooltip-demo.tsx
- typography-blockquote.tsx
- typography-demo.tsx
- typography-h1.tsx
- typography-h2.tsx
- typography-h3.tsx
- typography-h4.tsx
- typography-inline-code.tsx
- typography-large.tsx
- typography-lead.tsx
- typography-list.tsx
- typography-muted.tsx
- typography-p.tsx
- typography-small.tsx
- typography-table.tsx
- accordion.tsx
- alert-dialog.tsx
- alert.tsx
- aspect-ratio.tsx
- avatar.tsx
- badge.tsx
- breadcrumb.tsx
- button.tsx
- calendar.tsx
- card.tsx
- carousel.tsx
- checkbox.tsx
- collapsible.tsx
- command.tsx
- context-menu.tsx
- dialog.tsx
- drawer.tsx
- dropdown-menu.tsx
- form.tsx
- hover-card.tsx
- input-otp.tsx
- input.tsx
- label.tsx
- menubar.tsx
- navigation-menu.tsx
- pagination.tsx
- popover.tsx
- progress.tsx
- radio-group.tsx
- resizable.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- skeleton.tsx
- slider.tsx
- sonner.tsx
- switch.tsx
- table.tsx
- tabs.tsx
- textarea.tsx
- toast.tsx
- toaster.tsx
- toggle-group.tsx
- toggle.tsx
- tooltip.tsx
- use-toast.ts
- authentication-01.tsx
- authentication-02.tsx
- authentication-03.tsx
- authentication-04.tsx
- dashboard-01-chunk-0.tsx
- dashboard-01-chunk-1.tsx
- dashboard-01-chunk-2.tsx
- dashboard-01-chunk-3.tsx
- dashboard-01-chunk-4.tsx
- dashboard-01-chunk-5.tsx
- dashboard-01.tsx
- dashboard-02-chunk-0.tsx
- dashboard-02-chunk-1.tsx
- dashboard-02.tsx
- dashboard-03-chunk-0.tsx
- dashboard-03-chunk-1.tsx
- dashboard-03.tsx
- dashboard-04-chunk-0.tsx
- dashboard-04-chunk-1.tsx
- dashboard-04-chunk-2.tsx
- dashboard-04.tsx
- dashboard-05-chunk-0.tsx
- dashboard-05-chunk-1.tsx
- dashboard-05-chunk-2.tsx
- dashboard-05-chunk-3.tsx
- dashboard-05-chunk-4.tsx
- dashboard-05-chunk-5.tsx
- dashboard-05.tsx
- dashboard-06-chunk-0.tsx
- dashboard-06-chunk-1.tsx
- dashboard-06.tsx
- dashboard-07-chunk-0.tsx
- dashboard-07-chunk-1.tsx
- dashboard-07-chunk-2.tsx
- dashboard-07-chunk-3.tsx
- dashboard-07-chunk-4.tsx
- dashboard-07-chunk-5.tsx
- dashboard-07.tsx
- activity-goal.tsx
- calendar.tsx
- chat.tsx
- cookie-settings.tsx
- create-account.tsx
- data-table.tsx
- index.tsx
- metric.tsx
- payment-method.tsx
- report-issue.tsx
- share.tsx
- stats.tsx
- team-members.tsx
- accordion-demo.tsx
- alert-demo.tsx
- alert-destructive.tsx
- alert-dialog-demo.tsx
- aspect-ratio-demo.tsx
- avatar-demo.tsx
- badge-demo.tsx
- badge-destructive.tsx
- badge-outline.tsx
- badge-secondary.tsx
- breadcrumb-demo.tsx
- breadcrumb-dropdown.tsx
- breadcrumb-ellipsis.tsx
- breadcrumb-link.tsx
- breadcrumb-responsive.tsx
- breadcrumb-separator.tsx
- button-as-child.tsx
- button-demo.tsx
- button-destructive.tsx
- button-ghost.tsx
- button-icon.tsx
- button-link.tsx
- button-loading.tsx
- button-outline.tsx
- button-secondary.tsx
- button-with-icon.tsx
- calendar-demo.tsx
- calendar-form.tsx
- card-demo.tsx
- card-with-form.tsx
- carousel-api.tsx
- carousel-demo.tsx
- carousel-orientation.tsx
- carousel-plugin.tsx
- carousel-size.tsx
- carousel-spacing.tsx
- checkbox-demo.tsx
- checkbox-disabled.tsx
- checkbox-form-multiple.tsx
- checkbox-form-single.tsx
- checkbox-with-text.tsx
- collapsible-demo.tsx
- combobox-demo.tsx
- combobox-dropdown-menu.tsx
- combobox-form.tsx
- combobox-popover.tsx
- combobox-responsive.tsx
- command-demo.tsx
- command-dialog.tsx
- context-menu-demo.tsx
- data-table-demo.tsx
- date-picker-demo.tsx
- date-picker-form.tsx
- date-picker-with-presets.tsx
- date-picker-with-range.tsx
- dialog-close-button.tsx
- dialog-demo.tsx
- drawer-demo.tsx
- drawer-dialog.tsx
- dropdown-menu-checkboxes.tsx
- dropdown-menu-demo.tsx
- dropdown-menu-radio-group.tsx
- hover-card-demo.tsx
- input-demo.tsx
- input-disabled.tsx
- input-file.tsx
- input-form.tsx
- input-otp-controlled.tsx
- input-otp-demo.tsx
- input-otp-form.tsx
- input-otp-pattern.tsx
- input-otp-separator.tsx
- input-with-button.tsx
- input-with-label.tsx
- input-with-text.tsx
- label-demo.tsx
- menubar-demo.tsx
- mode-toggle.tsx
- navigation-menu-demo.tsx
- pagination-demo.tsx
- popover-demo.tsx
- progress-demo.tsx
- radio-group-demo.tsx
- radio-group-form.tsx
- resizable-demo-with-handle.tsx
- resizable-demo.tsx
- resizable-handle.tsx
- resizable-vertical.tsx
- scroll-area-demo.tsx
- scroll-area-horizontal-demo.tsx
- select-demo.tsx
- select-form.tsx
- select-scrollable.tsx
- separator-demo.tsx
- sheet-demo.tsx
- sheet-side.tsx
- skeleton-card.tsx
- skeleton-demo.tsx
- slider-demo.tsx
- sonner-demo.tsx
- switch-demo.tsx
- switch-form.tsx
- table-demo.tsx
- tabs-demo.tsx
- textarea-demo.tsx
- textarea-disabled.tsx
- textarea-form.tsx
- textarea-with-button.tsx
- textarea-with-label.tsx
- textarea-with-text.tsx
- toast-demo.tsx
- toast-destructive.tsx
- toast-simple.tsx
- toast-with-action.tsx
- toast-with-title.tsx
- toggle-demo.tsx
- toggle-disabled.tsx
- toggle-group-demo.tsx
- toggle-group-disabled.tsx
- toggle-group-lg.tsx
- toggle-group-outline.tsx
- toggle-group-single.tsx
- toggle-group-sm.tsx
- toggle-lg.tsx
- toggle-outline.tsx
- toggle-sm.tsx
- toggle-with-text.tsx
- tooltip-demo.tsx
- typography-blockquote.tsx
- typography-demo.tsx
- typography-h1.tsx
- typography-h2.tsx
- typography-h3.tsx
- typography-h4.tsx
- typography-inline-code.tsx
- typography-large.tsx
- typography-lead.tsx
- typography-list.tsx
- typography-muted.tsx
- typography-p.tsx
- typography-small.tsx
- typography-table.tsx
- accordion.tsx
- alert-dialog.tsx
- alert.tsx
- aspect-ratio.tsx
- avatar.tsx
- badge.tsx
- breadcrumb.tsx
- button.tsx
- calendar.tsx
- card.tsx
- carousel.tsx
- checkbox.tsx
- collapsible.tsx
- command.tsx
- context-menu.tsx
- dialog.tsx
- drawer.tsx
- dropdown-menu.tsx
- form.tsx
- hover-card.tsx
- input-otp.tsx
- input.tsx
- label.tsx
- menubar.tsx
- navigation-menu.tsx
- pagination.tsx
- popover.tsx
- progress.tsx
- radio-group.tsx
- resizable.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- skeleton.tsx
- slider.tsx
- sonner.tsx
- switch.tsx
- table.tsx
- tabs.tsx
- textarea.tsx
- toast.tsx
- toaster.tsx
- toggle-group.tsx
- toggle.tsx
- tooltip.tsx
- use-toast.ts
- .eslintrc.json
- blocks.ts
- colors.ts
- examples.ts
- registry.ts
- schema.ts
- styles.ts
- themes.ts
- ui.ts
- mdx.css
- unist.ts
- .env.example
- .eslintrc.json
- .gitignore
- bun.lockb
- components.json
- LICENSE
- next.config.js
- package-lock.json
- package.json
- postcss.config.js
- README.md
- ss.png
- tailwind.config.js
- tsconfig.json
# Use via CDN
jsDelivrjsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.
Link
Example
// repository documentation
Was this content helpful?
(0 ratings)