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

Retro Mode Switcher

PreviousNext

A retro-styled theme toggle component with pixel art sun and moon icons.

ResizableScroll Area

On This Page

InstallationWrap your root layoutUsage
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 Retro Mode Switcher component

Open in v0

Click to toggle between light and dark themes

Installation


pnpm dlx shadcn@latest add @8bitcn/retro-mode-switcher

Wrap your root layout


Add the ThemeProvider to your root layout and add the suppressHydrationWarning prop to the html tag.

Usage