logo

8bitcn/ui

DocsComponentsBlocksThemesSponsors
Sections
  • Get Started
  • Components
  • Blocks
Getting Started
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

    Shadcn UI Kit

    Shadcn UI Kit

    Admin dashboards, blocks, components & examples

    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