Sectioned rail

Two columns: a 64px rail of sections that never scrolls, and a panel showing one section at a time — the same press that switches sections opens the panel on a phone.

Id: sidebar-03
Files: 3 to copy
Components: 6

—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 { Avatar, Badge, Button, Input, Separator, Tooltip } 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.

Avatar
Badge
Button
Input
Separator
Tooltip