A lightweight design system for beautiful websites.
Concord is a flexible, open-source design system that works with any tech stack. All styling is done in pure CSS, and a tiny JavaScript file adds subtle UX enhancements.
Create components using semantic elements and consistent class names, and keep custom styles cohesive with the rich set of built-in design tokens.
Table of Contents
Learn about Concord and how to use it in your next project.
Browse the component library and see examples of how to use and configure each component.
Explore the design tokens and utility classes included in Concord.