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 plygridHow 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. 421 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.