Mordecai Design System

A CMS-ready component library built with React, Tailwind CSS, and Base UI. Ship faster with components designed for Payload CMS integration.

Get StartedBrowse Components
CMS-Ready

Every component includes Payload CMS schema definitions. Content editors can configure variants, sizes, and content without code.

Design Tokens

Consistent theming through CSS variables. Customize colors, spacing, and typography across your entire site.

Accessible

Built on Base UI with full ARIA compliance. Keyboard navigation and screen reader support out of the box.