logo

8bitcn/ui

DocsComponentsBlocksThemesSponsors
Sections
  • Get Started
  • Components
  • Blocks
Components
  • Accordion
  • Alert Dialog
  • Alert
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Calendar
  • Card
  • Carousel
  • Chart
  • Checkbox
  • Collapsible
  • Combo Box
  • Command
  • Context Menu
  • Date Picker
  • Dialog
  • Drawer
  • Dropdown Menu
  • Empty
  • Enemy Health Display
  • Health Bar
  • Hover Card
  • Input OTP
  • Input
  • Item
  • Kbd
  • Label
  • Mana Bar
  • Menubar
  • Navigation Menu
  • Pagination
  • Popover
  • Progress
  • Radio Group
  • Resizable
  • Retro Mode Switcher
  • Scroll Area
  • Select
  • Separator
  • Sheet
  • Sidebar
  • Skeleton
  • Slider
  • Spinner
  • Switch
  • Table
  • Tabs
  • Textarea
  • Theme Selector
  • Toast
  • Toggle Group
  • Toggle
  • Tooltip
  • XP Bar

Theme Selector

PreviousNext

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

TextareaToast

On This Page

InstallationUsage1. Wrap your layout with ActiveThemeProvider2. Use the Theme Selector DropdownCustom Theme Switching with ButtonAvailable Themes
SponsorsSponsored by
Shadcn Blocks

Shadcn Blocks

The ultimate block set for Shadcn

Shadcn Studio

Shadcn Studio

Shadcn blocks & templates

Built by OrcDev and Contributors. The source code is available on GitHub.

8-bit Theme Selector component

Open in v0

Installation


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

Usage


1. Wrap your layout with ActiveThemeProvider

2. Use the Theme Selector Dropdown

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