Accessibility Packages

Animatable and accessible modals built with react-spring

A tiny script to make dialog windows accessible to assistive technology users.

A modern, accessible, and highly customizable React component library built with TypeScript and Tailwind CSS

Dark mode for every website

Renders a React subtree in a different part of the DOM.

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

A progress tracker component is a visual navigation element typically used to display progress or guide user through a multi-step process.

Icon button renders an icon within in a button

spark-ui icons

Component used to get user input in a text field

Provide context to your form elements

Accessible icon wrapper

render a keyboard shortcut

Renders an accessible label associated with controls

Semantic component used to wrap elements (cards, blog posts, articles, etc.) in a link.

A panel that slides out from the edge of the screen. It can be useful when you need users to complete a task or view some details without leaving the current page.

Displays a list of options for the user to pick from—triggered by a button. Differs from Select in that it offers multiple select and its list is not native.

Component used when only one choice may be selected in a series of options

Ratings let users see and/or set a star rating for a product or other item

A scrolling list presents a set of items, referred to as slides, by sequentially displaying a subset of one or more slides