10 patterns available now

Real UI patterns.
With the code.

Copy production-ready React + Tailwind components inspired by the best SaaS apps. Stop searching. Start building.

Linear·Notion·Vercel·Figma
10 patternsReact + TailwindFree to start

Browse Patterns

10 patterns · More coming soon

Free

Command Palette

A keyboard-driven command palette with fuzzy search, arrow key navigation, and shortcut badges. Inspired by Linear's Cmd+K interface.

Command PalettesLinear
Unlock

Sidebar Navigation

A collapsible sidebar navigation inspired by Linear. Includes grouped nav items, active states, count badges, and smooth collapse animation.

Navigation & SidebarsLinear
Unlock

Deployment Status Card

A Vercel-style deployment card showing build status, commit info, and animated building states. Essential for any developer tool or CI/CD dashboard.

Dashboard StatsVercel
Unlock

Empty State

A flexible empty state component inspired by Vercel. Handles zero-data scenarios with clear messaging and actionable next steps.

Empty StatesVercel
Unlock

Slash Command Menu

A floating command menu triggered by '/' inspired by Notion. Features grouped commands, fuzzy search, keyboard navigation, and smooth positioning.

Command PalettesNotion
Unlock

Stats & Metrics Row

A flexible metrics dashboard component inspired by Vercel. Shows key numbers with trend indicators, loading skeletons, and responsive column layouts.

Dashboard StatsVercel
Unlock

Issue / Task Card

A Linear-style issue card with priority indicators, status icons, assignee avatars, labels, and keyboard selection. Perfect for project management and task tracking interfaces.

Tasks & IssuesLinear
Unlock

Activity Feed

A scrollable activity feed inspired by Linear and Slack. Shows user actions with avatars, relative timestamps, loading skeletons, and realistic team activity.

Activity FeedsLinear + Slack
Unlock

Properties Panel

An inline-editable properties panel inspired by Notion and Linear. Supports text, select, multiselect, date, person, status and more property types — all editable inline.

Forms & InputsNotion + Linear
Unlock

Inline Data Table

A fully interactive data table with sortable columns, selectable rows, bulk actions, badge cells, and loading skeletons. Inspired by Notion and Linear's clean table aesthetic.

Data TablesNotion + Linear