The blink look, on top of shadcn.
Shared shadcn primitives re-themed with the blink design system — Crimson Text for display, Noto Sans for body, green accents, coral destructive.
Buttons
Form controls
Typography
The main display heading
Section heading with rule
A sub-section heading
A tertiary heading in sans
Lead paragraph — a slightly larger muted introduction that sets context for the content that follows.
Body paragraph in Noto Sans. Inline code blocks use the system monospace stack, sitting on a subtle tinted background.
“The hard parts of the web are rarely the framework — they’re the data, the boundaries, and the ambiguity.”
- Bullet lists use blink’s editorial serif through the headings above.
- The palette holds steady across light and dark mode.
- All text sizes land on a multiple-of-four baseline.
Muted copy — secondary information.
Badges
Avatars
Alerts
Table
| Title | Status | Published | Reads |
|---|---|---|---|
| Thinking in React, carefully | Live | Apr 19, 2026 | 42,193 |
| The trouble with hooks | Live | Apr 03, 2026 | 28,540 |
| Monorepos, in practice | Draft | — | — |
| CSS-in-JS isn't dead | Unpublished | — | — |
Toggle & Tooltip
Tabs
Segmented control. The active tab gets a subtle surface and stronger text.
Underlined variant — cleaner inside forms and settings pages.
Select
Pagination
Drawer
Dropdown menu
Dialog
Cards
A long-form breakdown of component composition patterns, with worked examples you can pull straight into your own codebase.
No spam, no sponsorships, unsubscribe in one click.
Use size="sm" when you have lots of these stacked.
Removes this workspace and everything in it. You will lose all drafts.