16 copy-paste items in this section.
A Cmd+K modal with fuzzy search, grouped results, arrow-key navigation and a focus trap.
A vertical timeline of events with avatars, detail cards and a staggered entrance.
A bell button with a popping badge, a ring on new items and an unread dropdown.
Tabs with a measured sliding underline, icons, counts and crossfading panels.
Columns of cards you can drag between lists and reorder, with a placeholder slot and add buttons.
This is how other people in the workspace see you.
An account settings screen with vertical tabs for profile, notifications, security and billing. A save bar slides up as soon as anything changes.
A full notifications inbox with All, Mentions and Unread filters, day groups, mark as read, a snooze menu with undo, an empty state and a detail pane.
A month calendar with colored event chips, a highlighted today, an event popover, sliding month changes and an agenda panel for the selected day.
A file browser with breadcrumbs, grid and list views, checkbox selection with a bulk action bar, a storage meter and a drag-over upload overlay.
A team chat screen with channels and direct messages, grouped bubbles with day dividers, a composer with attachment chips and a live typing indicator.
A portfolio profile editor with a live preview card beside the form, a photo upload, link rows you can add and remove, skill chips and a card color picker.
3 steps left · about 7 minutes
Pick a name and a URL your team will recognize. You can change both later in Settings.
Projects move faster together. Invite by email or share a link that expires in 7 days.
Sync events from Postgres, Stripe or Segment. The first import usually finishes in under five minutes.
Start from the Revenue template or a blank canvas. Drag metrics in, then pin the ones you check every morning.
Get a message in Slack or email when a metric crosses a threshold, like churn above 3% in a week.
Check numbers on the go. Scan the code in Settings or search for Northwind in your app store.
A light getting-started screen with a progress ring, expandable checklist steps, a confetti burst when everything is done, plus Skip for now and dismiss.
Nov 9 – 15 · 16 events · 18.5 h booked
A week view on a time grid where events can be dragged to another day or hour and stretched from their bottom edge, snapping to 15 minutes with a live time tooltip. Overlapping events share the column, a red line marks the current time and a click on an empty slot creates an event.
A column file browser where each folder opens in a new column to the right, with breadcrumbs, full arrow key navigation and a preview pane. The preview renders highlighted source, image art, a playable waveform, a spreadsheet grid or a document page depending on the file.
Deploys
harbor-web #812 is ready
Preview built in 48s from fix/checkout-tax.
harbor-api #455 is ready
Migration 0042 applied on staging.
harbor-web #811 failed
Type error in src/cart/summary.tsx.
Calendar
Quarterly planning
Thu, Nov 12 · 10:00 to 11:30 · Room 4B
Lumen Bank onboarding call
Fri, Nov 13 · 15:00 to 15:45 · Zoom
A notification center that folds each source into a stack with the newest card on top and the rest peeking underneath. A click fans the stack open with a spring, cards carry inline actions that resolve in place, and groups offer one bulk action.
Changes preview instantly for everyone in Lumen Ops.
An appearance panel for theme, accent, corner radius, density, text size and sidebar side, beside a miniature app that restyles itself live as each control moves. A status dot tracks unsaved changes and Reset returns to the last save.