Inset panel

Sidebar as a floating card on a tinted page, with collapsible sections and a workspace switcher.

Id: sidebar-02
Files: 3 to copy
Components: 8

—px

Installation

One package covers every block on this site — the files below are yours the moment it is installed. Copy them into your project and edit them; nothing here is imported from a registry you have to keep in step with.

npm install kipui

import {
  Accordion,
  Avatar,
  Badge,
  Breadcrumb,
  Button,
  Input,
  Kbd,
  Select,
} from "kipui";

Peer dependencies

react 19

react-dom 19

tailwindcss 4

Bundled dependencies

None beyond the peers above.

Built with

Every control in this block is a shipped component. Nothing is hand-rolled around the library, so restyling one of these restyles the block with it.

Accordion
Avatar
Badge
Breadcrumb
Button
Input
Kbd
Select