Installation
Five minutes from zero: get the files, link the layers, see the system render.
1 · Get the files
Link it straight from jsDelivr — cdn.jsdelivr.net/gh/imswarnil/Creator-Design-System@main/dist/creator.min.css
— or copy dist/creator.css out of the repository.
npm i creator-design-system lands with the first
tagged release. The full walkthrough is on Usage.
2 · Link the layers
<link rel="stylesheet" href="creator-design-system/1-foundation/index.css"><link rel="stylesheet" href="creator-design-system/2-elements/index.css"><link rel="stylesheet" href="creator-design-system/3-components/index.css"><link rel="stylesheet" href="creator-design-system/5-sections/index.css"><link rel="stylesheet" href="creator-design-system/6-utilities/index.css">later layers require earlier ones — take foundation alone, or the whole stack
3 · The fonts
fonts.googleapis.com/css2?family=Space+Grotesk:wght@400..700&family=Inter:wght@400..700&family=IBM+Plex+Mono:wght@400..600
Space Grotesk displays · Inter reads · IBM Plex Mono slates — or override --font-* with your own
4 · First render
It works
Hello, creator.
paste any demo from these docs — markup + linked CSS is the whole runtime, no JS build