Accessibility Developer Kit

Ship accessible UI in days, not quarters

20 WCAG 2.2–verified components. Live interactive studios, slim PDFs, Jest / Vitest / Playwright tests. React & Vanilla. Lifetime updates.

Built against the WAI-ARIA Authoring Practices Guide · Verified against WCAG 2.2 · Tested with NVDA, VoiceOver, keyboard-only

What’s inside

20 live studiosIn-browser editable React + Vanilla, with Sandpack.

20 slim PDFsOne per component. Keyboard + SR + WCAG + QA checklist.

60 test templatesJest + Vitest + Playwright. Copy, adjust, ship.

Lifetime updatesNew chapters ship free to your original link.

Commercial licenseUse in client projects (Pro + Agency tiers).

30-day refundEmail us within 30 days — no questions asked.

Click any “Learn” link to read the free guide, or “Try” to open the live studio.

One-time payment. Lifetime updates. 30-day refund.

What makes this different from Tailwind UI / shadcn/ui?: Those are design systems. This is an a11y training kit — every component is verified against WCAG 2.2 + WAI-ARIA APG, with keyboard + screen reader behavior documented per chapter.
Does it work with my design system?: Yes. Copy the markup + a11y logic; style with your own tokens. All CSS uses generic utility class names.
Which React version?: React 19 (latest). Also works with 18+ with zero changes.
Can I use it on client projects?: Pro tier: unlimited own and client projects. Agency tier: client use for up to 10 projects per year.
Refund policy?: 30-day no-questions-asked refund. Reply to any Gumroad email.
What’s a “live studio”?: An in-browser editor (powered by Sandpack) where you can edit the component code and see the live preview update. See Chapter 01 for a free demo.

Try our free Accessibility Scanner — find and fix issues in minutes.