07Writing

Popular React components, built in the open.

Modals, tabs, accordions, toasts, dropdowns. The same five controls that show up in every product, with the TypeScript, the keyboard support, and a live demo.

• 01

  Aug 12, 2026 · 8 min

  Build an accessible React modal from scratch

  Portals, scroll locking, focus traps, and closing with Escape. The four things every dialog needs before you reach for a library.

  • React
  • TypeScript
  • a11y
  Read

• 02

  Aug 4, 2026 · 7 min

  Tabs in React the way the platform intended

  Arrow keys, roving tabindex, and `aria-controls`. A tablist that works with a keyboard, not just a mouse.

  • React
  • TypeScript
  • a11y
  Read

• 03

  Jul 22, 2026 · 6 min

  An accordion with a real height animation

  No measuring `scrollHeight`. CSS grid `0fr` / `1fr` plus `aria-expanded` gives you a disclosure widget that actually animates.

  • React
  • TypeScript
  • CSS
  Read

• 04

  Jul 9, 2026 · 7 min

  Toast notifications with a tiny React context

  A queue, a portal, and a timeout. No toast library. Just a provider you can drop around the app.

  • React
  • TypeScript
  Read

• 05

  Jun 28, 2026 · 6 min

  A dropdown menu without a UI kit

  Click outside, Escape, and a portal. The 80% of Headless UI’s Menu that you actually use.

  • React
  • TypeScript
  • a11y
  Read