Build beautiful, accessible UI with pure CSS.
A no-dependency design system with 34 components, zero JavaScript, and modern CSS throughout.
Why Porchlight?
Zero JavaScript
Every component is pure CSS. No runtime, no bundle, no hydration.
WCAG-AA verified
Contrast-tested in both themes. RTL, forced-colors, reduced-motion.
Modern CSS first
@scope, @layer, anchor positioning, OKLCH, scroll-driven animations.
Token-driven
Override one custom property to retheme the entire system.
34 components
Button, card, data table, dialog, tabs, tree, timeline, and more.
Responsive by default
Container queries, auto-fit grids, fluid type, logical properties.
Get started in seconds
pnpm add @cawalch/porchlight/* app.css */
@layer porchlight, app;
@import "@cawalch/porchlight";Loved by developers
"Porchlight replaced 40kb of CSS and 3 dependencies."
"The container-query-first approach is genuinely ahead of its time."
"Best-in-class dark mode. It just works."
"We shipped our dashboard in 2 days, not 2 weeks."
Ready to build?
Join developers building modern web apps with Porchlight.