Introduction
Catnip is Signicat's design system — the successor to EndUI. It provides a unified set of design principles, tokens, CSS utilities, assets, and Web Components for consistent digital products across all platforms and frameworks.
Migrating to Catnip
If you're moving from EndUI components to Catnip, start with the Migration from EndUI guide. It covers component mapping, dependency updates, and step-by-step migration.
What Catnip Provides
Catnip is a complete design system organized into packages and design guidance:
| Area | Package | Description |
|---|---|---|
| Assets | @signicat/catnip-assets | Fonts, pictograms, illustrations, logos, flags, favicons, images |
| Icons | @signicat/catnip-icons | Icon webfont and SVG exports |
| Design tokens | @signicat/catnip-design-tokens | CSS variables and JS exports, light/dark themes |
| CSS | @signicat/catnip-css | Base styles, typography, spacing, shadows, grid |
| Components | @signicat/catnip-components | Web Components — see the catalogue |
Design guidance starts with Design foundations (color, typography, spacing, shadows) and Icons for iconography.
Next Steps
- Migration — Migrate from EndUI, Prime CSS, or Prime Assets to Catnip
- Installation — npm or CDN setup
- Quickstart — Get up and running in 5 minutes
- Agent skill — Teach a coding agent how to use Catnip
- Theming — Customize with CSS variables