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

    Sidebar

    PreviousNext

    Displays a simple 8-bit sidebar component.

    SheetSkeleton

    On This Page

    InstallationUsageIn your layout file:
    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 Sidebar component

    Open in v0
    Lore

    Installation


    pnpm dlx shadcn@latest add @8bitcn/sidebar

    Usage


    8-bit sidebar is using Shadcn sidebar component. All you need to do is replace your app sidebar with 8bit sidebar.

    For more information, check out the Shadcn Sidebar documentation.

    In your layout file: