22 copy-paste items in this section.
Sprint board
12 issues, 4 in review
A collapsible app sidebar with a sliding active indicator, badges and icon-only tooltips.
Tuesday, Nov 4
Good morning
Open
12
Done
38
A frosted, rounded sidebar inset from the page edge with labeled groups, an active pill that glides between items and a user card with a live status dot.
Projects
A 56px icon rail. Hovering or focusing an item opens a flyout with its submenu, and items without a submenu show a tooltip. Arrow keys move through the rail.
Installation
Add the package to your project.
Documentation navigation with a search field, collapsible groups that animate their height, nested links on a connected guide line and a marker that follows the active page.
Inbox
A workspace app sidebar with a keyboard-friendly workspace switcher, sections with counts, collapsible favorites, a usage card with an upgrade button and a user menu.
Mobile drawer
Esc, the scrim or the close button dismiss it.
A slide-in navigation drawer with a scrim. It fills its nearest positioned parent, traps Tab focus, closes on Escape or a scrim click and returns focus to the trigger.
A file explorer tree with animated folders, colored file type icons, a filter field and the full tree keyboard model.
Labels
12 unread messages
A mail app sidebar with a compose button, folders with unread counts, colored labels and a storage meter that fills on mount.
Fernhill
9 online
# design-crit
Maya Pushed the new header, thoughts?
Priya Love it. Tighten the spacing under the logo.
A team chat sidebar with channels and direct messages in two collapsible sections, presence dots and bold unread rows.
November
4 events this week
A narrow icon rail that expands on hover or focus into a labeled sidebar floating over the content, with a sliding active indicator.
orbit/docs
Projects / Roadmap
Q4 roadmap
Grouped sidebar sections that expand with animated height, stagger their items in and can remember which ones were open.
Account
Workspace
Security
Keep your account safe.
A settings sidebar with a back link, grouped items and a search field that filters items live and highlights the match.
4 unread threads
An app sidebar you resize by dragging its edge, with a live width readout that snaps it into an icon rail below a threshold. Collapsed, every item shows a tooltip with its label and shortcut.
Design for the long run.
An off-canvas menu that pushes the page aside as a scaled, rounded card with a ghost card behind it, revealing large numbered links. The burger morphs into a cross, focus stays trapped and Escape closes.
Error handling
Every error returns a type, a code and a request id you can quote to support.
Docs-style accordion groups where only one opens at a time and its links hang from a curved branch line. A glowing bead slides to the current page while the line fills to show reading progress.
Library
Recently added
A vertical rail of glossy app tiles that swell under the pointer like a lens, with a floating label that glides to the nearest tile. Keyboard focus drives the same magnification.
Gallery
128 renders
A frosted glass sidebar floating over slowly drifting aurora light, with a soft light that follows the pointer down the list. The active row is a raised glass pill with a bright top edge.
My issues
A keyboard-first sidebar with a fuzzy filter and two-key chords like G then I, shown in a status bar that drains while it waits for the second key. Built for power users who never touch the mouse.
API tokens
A settings sidebar whose search folds away every page and section that does not match, also searching hidden keywords and showing which one matched. Enter opens the first hit and an empty search suggests terms.
Overview
Acme Robotics
A sidebar whose account card grows upward into a panel with a status switch, workspace picker, seat meter and sign out. The avatar ring takes the status color and the nav behind softly blurs.
Postgres, KV and blob buckets
prod-eu-postgres
An icon rail that opens a flyout of sub-links beside the hovered icon, gliding and resizing between sections with content sliding in the direction you moved. Arrow keys open, walk and close it.
$12,480.22
A mobile menu in a bottom sheet you drag between half and full height, or flick down to dismiss, with quick action tiles above the links. The backdrop darkens with the sheet and focus stays inside while it is open.
