Siteplane UI
Every Siteplane UI component (99), with when to pick it over its neighbours, how to install it and the rules that keep it right.
99 skills
is a React kit that installs as editable source through the shadcn CLI. It is the design system UI Skillbook itself is built on. This collection has one entry per component, grouped as Siteplane groups them: Actions, Forms & selection, Navigation, Overlays & disclosure, Date & color, Data display, Charts, Chat & AI, Feedback, Layout & utilities, Animated, Glass.
Set up the kit once with the , and install Siteplane's own agent skill with npx skills@1.5.25 add https://ui.siteplane.io -a claude-code. Each entry here adds the install command, the neighbours it is often confused with, and a link to its full docs.
Skills in this collection
Siteplane Motionby UI Skillbook
Ready-made parts that animate list items entering, leaving and moving, content swaps and changing numbers.
Siteplane UI
Siteplane Scroll Areaby UI Skillbook
A fixed-size region that scrolls with custom overlay scrollbars, plus optional fades at the edges and control over the gutter.
Siteplane UI
Siteplane Separatorby UI Skillbook
A horizontal or vertical line that divides related sections or controls.
Siteplane UI
Siteplane Codeby UI Skillbook
Inline code and code blocks with optional highlighting, titles, line numbers, marked lines, masking and copy.
Siteplane UI
Siteplane Truncateby UI Skillbook
Cuts text after one line or a set number of lines with an ellipsis and shows the full text in a tooltip.
Siteplane UI
Siteplane Animated Buttonsby UI Skillbook
Buttons that animate on hover with sweeping or pass-through fills, a moving arrow, actions that expand, and entrance effects.
Siteplane UI
Siteplane Icon Morphsby UI Skillbook
A menu button whose bars morph into an X while its navigation panel is open.
Siteplane UI
Siteplane Theme Togglesby UI Skillbook
Animated sun and moon toggles that switch an app between light and dark mode.
Siteplane UI
Siteplane Glassby UI Skillbook
Frosted, see-through takes on Card, Button, Menu, Context Menu, Popover and Tooltip, meant to sit on top of photos.
Siteplane UI