KRDS Design System · One Markdown File
The design tokens, component markup, CSS and JS of KRDS — the Korean government's digital service design system — packed into one self-contained md file. Copy or download it and hand it straight to your AI assistant.
Everything in KRDS, the Korean government's digital service design system — design tokens, 74 components, and CSS and JS that actually run, icons and fonts built in — fits in this one document with no external files. Copy or download it and hand it straight to your AI assistant.
Copying may take a few seconds because the file is large.
Here's what it looks like
The government already built it — why remake it?
KRDS is already public on the krds.go.kr website and as an npm package (krds-uiux). Both, though, assume a person reads the docs and ports them into code by hand, or installs the package and wires it into a build pipeline.
With AI, the bottleneck moves. When you ask an assistant like Claude or Cursor to "build this screen with this design system", docs scattered across many pages and files work far worse than a single file that fits whole in the context window.
So we merged the tokens, component markup, CSS and JS into one file and inlined all 91 icons and the fonts as base64. The result: "Drop this one file into your project and you're done."
DESIGN.md or docs/krds.md.Original source
- · Official site — krds.go.kr
- · Original GitHub repository — github.com/KRDS-uiux/krds-uiux
- · Copyright policy — krds.go.kr copyright page