Introduction

Pigment is an open source design system for SolidJS, built with Kobalte and Tailwind CSS. It provides ready to use components for building web applications with a consistent look and feel.

Principles

Simple

Designed to expose a minimalist API so that you can quickly build what you want.

Accessible

Built on top of Kobalte a UI toolkit for building accessible web apps and design systems with SolidJS.

Consistent

Comes with pre-made themes with support for light and dark modes that ensure a consistent experience across your app.

Acknowledgment

Pigment would not have been possible without the prior art done by other meaningful projects including:

• Atlassian Design System - https://atlassian.design/
• Nord Design System - https://nordhealth.design/
• Joy UI - https://mui.com/joy-ui/getting-started/overview/