Home
Softono
cauldron

cauldron

Open source MPL-2.0 TypeScript
124
Stars
30
Forks
160
Issues
9
Watchers
1 week
Last Commit

About cauldron

Cauldron is an open-source monorepo library of accessible React components and styling solutions designed to help developers ship inclusive, user-friendly interfaces. Created by Deque, the primary mission behind Cauldron is to prevent accessibility issues in software projects by providing a comprehensive set of pre-built, WCAG-compliant UI elements. The project is divided into two core packages: cauldron-react, which offers a robust set of interactive React components including custom form controls, dialog boxes, navigation patterns, and feedback alerts; and cauldron-styles, which delivers the underlying CSS, typography, color variables, and design tokens necessary to ensure visual consistency and compliance. Beyond individual components, the library includes a dedicated documentation and demo application that illustrates best practices for integration and interaction design. Cauldron is specifically tailored for development teams using the React ecosystem who require a reliable, tested foundation for buildin

Platforms

Web Self-hosted

Languages

TypeScript

cauldron

The deque pattern library

This monorepo contains the following packages:

It also contains the documentation/demo app (see docs/)

purpose

Friends don’t let friends ship inaccessible code! These accessible packages include everything from typography and colors to components like custom form controls. The design and interactions shown throughout this site are intended to show how Deque provides accessible experiences for the users of our products - through the use of common, accessible components like these.

usage

Cauldron React is an accessible React components library. Cauldron Styles contains accessible styling for those components and more.

contributing

See CONTRIBUTING.md

development

install dependencies

$ pnpm install

build (if first time building dev environment, must be run before pnpm dev)

$ pnpm build

dev

(watches/rebuilds react, styles, and docs)

$ pnpm dev

navigate the browser to http://localhost:8003/

run tests

(runs all tests)

$ pnpm test