Theme Selector

A complete theme selector component with dropdown selection and code copy functionality.

8-bit Theme Selector component

Open in

Installation

pnpm dlx shadcn@latest add @8bitcn/theme-selector

Usage

1. Wrap your layout with ActiveThemeProvider

Custom Theme Switching with Button

Available Themes

Click on any theme below to switch to it instantly and see how your components transform:

Theme Selector

Theme selector with retro themes dropdown

Current Theme

default

Active theme applied to this page

Available Themes

Click on any theme below to switch to it instantly

Installation

pnpm dlx shadcn@latest add @8bitcn/theme-selector

Put it in your layout

Usage Examples

Custom With Button

Textarea Toast

On This Page

Installation Usage 1. Wrap your layout with ActiveThemeProvider 2. Use the Theme Selector Dropdown Custom Theme Switching with Button Available Themes

Shadcn Blocks

The ultimate block set for Shadcn

Shadcn Studio

Shadcn blocks & templates

Shadcn UI Kit

Admin dashboards, blocks, components & examples

8-bit Theme Selector component

Open in

Installation

pnpm dlx shadcn@latest add @8bitcn/theme-selector

Usage

1. Wrap your layout with ActiveThemeProvider

Custom Theme Switching with Button

Available Themes

Click on any theme below to switch to it instantly and see how your components transform:

Theme Selector

Theme selector with retro themes dropdown

Current Theme

default

Active theme applied to this page

Available Themes

Click on any theme below to switch to it instantly

Installation

pnpm dlx shadcn@latest add @8bitcn/theme-selector