A Nothing-inspired open-source design language — dot-matrix type, monochrome surfaces, a single signal accent, frosted borderless cards on a sparse adaptive dot field.
The dot field is a sparse layer of fine dots that takes the local inverse of whatever surface sits beneath it — light over dark objects, dark over light ones. One continuous field crossing both reads correctly on each. Cards are the topmost layer and cover the dots; dots show only in the gaps between cards. Implementation: a fixed dot layer with mix-blend-mode:difference.
Local inverse — dots = inverse of the surface behind them (not one per-theme color); dark surface → light dots, light surface → dark dots
A zero-dependency, Nothing-inspired component library — pure CSS variables and a little vanilla JS.
Does it need a build step?+
No. Drop in the stylesheet and write HTML.
Can I re-skin it?+
Edit tokens.css — every component reads from the same variables.
24Breadcrumb
Section
25Avatar Group
A
B
C
+5
8 collaborators
26Skeleton
27Command Palette
ESC
Actions
Refactor selection⌘⇧R
Run agent⌘R
Recent
auth-module.ts↵
28Kbd & Code
⌘⇧Kopen palette
// run an agentconst r = await agent("refactor")
29Toast
Savedchanges synced
Agent finished2 files changed
30Segmented · Group
Segmented control
Button group
31Empty State
No agents yet
Create one to get started.
32Timeline
Task started
21:30
Files analyzed
21:32
Awaiting review
—
33Popover
Auto-approve
Trusted agents run without asking for confirmation each step.
34Rating · Stepper
Rating
Quantity
3
35Dropzone
Drop files or click to browse
36Banner
New version v1.1 availableUpdate
1 agent needs your decisionReview
37Metric
Tokens
128K
↑ 12%
Errors
3
↓ 40%
38Tabs · Pill
OverviewLogsFiles
39Tree View
src
index.ts
auth.ts
40Glyph Matrix · 25×25 Circular Maskcanonical dot grid · white LEDs on black
Matches the Phone (3) Glyph Matrix: a 25×25 addressable grid, circularly masked (no LEDs in the corners), built from white round dots. Dim LEDs form the base texture, lit dots form the glyph; signal glyphs use brand red. This is the canonical grid for dot iconography — higher fidelity than the in-page 9×9 status icons.