Accessibility Packages

A customizable focus trap Web Component for managing keyboard focus within a container.

A lightweight, customizable Modal Panel web component for creating accessible and responsive modals. Ideal for dialogs, alerts, or interactive panels, with features like smooth animations, focus management, and keyboard navigation support.

Detects user’s preferences for contrast using the 'prefers-contrast' CSS3 level 5 media query.

Detects user’s transparency preferences using the 'prefers-reduced-transparency' CSS3 level 5 media query.

The only colors package you'll ever need

Scrapes RGAA's website and fetch topics, criteria and tests into a JSON format.

A Google Calendar element that's easy to use and customize. 1kb (brotli)

A tiny, customizable, and accessible carousel that works anywhere!

A custom element to create little components on-the-fly.

The little markdown element that can.

Generate platform native colors for iOS, Android, HarmonyOS & Web

Aria live region for React components

A React component that visually hides its content

Skip navigation links for screen reader and keyboard users

Register child nodes of a react element for better accessibility

A wrapper to provide a CLI to the browser for your apps power users!

Accessible Accordion component for React

🎨 A tiny (2,8 KB) color picker component for React and Preact apps. Fast, well-tested, dependency-free, mobile-friendly and accessible

An unofficial port of the HeadlessUI component library to Svelte 5+.

A simple HTML5, YouTube and Vimeo player for react using plyr