Prose is almost here

CDL is now Prose (under construction). Our goal is for UX to own and obsess over every element displayed to our customers.

button.tsx
package.json
export const Button = React.forwardRef(function Button(
  { color, outline, plain, className, children, ...props }: ButtonProps,
  ref: React.ForwardedRef<HTMLElement>
) {
  let classes = clsx(
    className,
    ...

Prose

Soon...

UX is not just about static design in proprietary apps. It's also the interactive components as well as the frontend accessible markup. The purpose of this design system is to simplify all of this and offer resources for all members of the product team; designers, developers, project owners, marketing... whatever.

Why Prose?

Universal, consistent, and beautiful UI for web with semantic and accessible code as well as react starters.

Quick Start

Just make sure you are using the minimum requirements for your project and just copy/paste the components.

Configure

Make use of our universal tokens and Tailwind/MUI configs so you can rapidly build working UI.

Basic Usage

It's as simple as using the vanilla HTML/CSS or just importing the components per usual.