Compliant UI from the first prompt.
You or your AI writes ADA-compliant, accessible, WCAG 2.1+ interfaces out of the box. No training. No audits to fail.
npm install ply-cssHow it works
Two steps. No configuration.
Give your agent PLY.md
One Markdown file with every class, rule, and snippet. Fits in a single context window. Your AI writes correct markup immediately.
The CSS handles the rest
Contrast ratios, focus outlines, dark mode, reduced motion, screen reader support. Baked into the stylesheet. Nothing to configure.
AI native
One file. 458 classes. Minimal tokens.
The entire framework — every class, variable, and rule — fits in a
single context window. Obvious class names like unit-50 =
50% btn-blue = blue button eliminates hallucination, and
semantic HTML auto-styling cuts CSS-related tokens 30–50% versus utility-class
frameworks.
Compliance
Compliance, built in
Every feature below is on by default. No plugins, no overrides, no forgetting.
Color Contrast
Every color combination passes WCAG AA. Light mode, dark mode, high contrast.
Focus Management
Visible :focus-visible outlines on every interactive
element. Keyboard navigation works everywhere.
Dark Mode
Respects prefers-color-scheme automatically. Override
with data-theme for manual control.
Reduced Motion
All animations respect prefers-reduced-motion.
Disabled automatically for users who need it.
Screen Readers
sr-only for hidden labels, skip links, semantic HTML
throughout. Built for assistive tech.
Responsive
Ratio-based grid collapses cleanly at every breakpoint. Seven responsive prefixes, zero media query writing.
Explore the docs
Everything in one stylesheet. Nothing to configure.