App shell
Home
Updated 1:21:18 AM
Components
Every component, live. Open Code on any of them to copy the source or the install command.
Mobile app
Chrome that behaves like a native app and gets out of the way while you read.
App screen
Home
Updated 1:21:18 AM
App bar
Photos
Today
Bottom nav
Photos
Tap a tab. Scroll to shrink the bar.
Page transition
Built on SSGOI
Photos
Bottom sheet
Photos
Tap + or Search. Drag the handle down, or tap it, to close.
Pull to refresh
Photos
Today
Drag down from the top with a finger or the mouse.
Drag scroller
Chat
Header, messages and composer that fill their parent. The list is virtualized and scrolls the way each kind of conversation expects.
Chat
Built on React Virtuoso
Ava Chen
Active now
Glass
A refracting surface for everything that floats above content.
Glass
MorphingMenus, tab bar, floating buttons
BlurStrong full-surface blur
FrostedCards over photos
FadeApp bars — no edge line
Dropdown menu
Popover
Notifications
Tell people what happened and what to do next.
Toast
Built on Sonner
Popup
Built on overlay-kit
Alert
Scheduled maintenance
The dashboard will be read-only on Sunday from 2:00 to 3:00 AM UTC.
Empty state
No projects yet
Create a project to start tracking work with your team.
Pickers
A popover on desktop, a bottom sheet on phones. Same panel, same value.
Selection
Small controls with a physical response: ripples, springs and a drawn check.
Segmented control
Chip
ShippedAt riskBlockedIn review
React
TypeScript
Tailwind
Checkbox
New features and improvements, once a month.
A summary of activity in your projects.
Sign-ins from new devices and password changes.
Radio group
Up to 3 projects for personal use.
Unlimited projects and version history.
Shared workspaces and admin controls.
Pager
Forms and data
Inputs that handle Korean and Japanese IME composition, plus tables that never jump.
Text field
Shown on comments and mentions.
Use your company email address.
Autocomplete
Select
Form
Built on React Hook Form
Data table
Built on TanStack Table
| Name | Role |
|---|---|
| Ava Chen | Owner |
| Liam Patel | Admin |
| Sofia Rossi | Editor |
1–3 of 6
1 / 2
Editor
Built on Tiptap
Basics
The everyday parts, styled with the same tokens.
Badge
New Paid Pending OverdueBetaDraftv2.4.0
Input
Input group
comwit.io/
Textarea
Shared with everyone in the workspace.
Label
Switch
Mentions, replies and assignments.
Alerts on your phone and desktop.
A Monday summary of project activity.
Tabs
Q3 roadmap
12 of 18 milestones shipped · updated 2 hours ago
Accordion
Yes. Every workspace starts with 14 days of Pro, no card required.
Collapsible
Morgan starred 3 repositories
comwit/state
Dialog
Sheet
Card
Pro plan
For growing teams
Popular
$24 / seat / month
Table
| Name | Role | Status |
|---|---|---|
Ava Chen ava@acme.dev | Owner | Active |
Liam Patel liam@acme.dev | Admin | Active |
Sofia Rossi sofia@acme.dev | Editor | Invited |
Avatar
AC
Ava Chen
Product designer · Online
LPSRNKMJ+3
7 people are editingSeparator
Comwit UI
Headless behavior, styled source you own.
DocsChangelogSupport