alexpate/awesome-design-systems

This page introduces an external open-source repository. It is not an HDATF product.

What it does

A curated list of design systems from companies and organizations. Each entry is tagged for whether it offers coded components, voice and tone guidance, a designer kit or public source code.

How it helps ATF

A reference list worth browsing when shaping a consistent UI and wording guide for ATF Works screens. It is a list of links, so there is nothing to reuse directly.

License

Unlicense Public domain dedication. No conditions on use.

More in this category

• google-labs-code/design.md
  DESIGN.md is a file format that describes a design system to coding agents, combining design tokens in YAML front matter with written rationale in markdown. A linter checks the file against the spec, token references and WCAG contrast.
• VoltAgent/awesome-design-md
  A curated collection of DESIGN.md files, plain markdown documents describing the design tokens, patterns and rules of well-known websites. Placed in a project, one lets an AI coding agent generate UI that follows that design language.
• alchaincyf/huashu-design
  Huashu Design is an HTML-native design skill for Claude Code and other agents that turns a text request into clickable prototypes, slide decks, animations or infographics. It includes design-philosophy guides, a five-dimension design review and MP4 export.
• chenglou/pretext
  A JavaScript and TypeScript library that measures and lays out multiline text with its own logic, so apps avoid DOM measurements that trigger layout reflow. Results can be rendered to DOM, Canvas or SVG.
• nexu-io/open-design
  OpenDesign is a local-first desktop app for macOS and Windows that uses a coding agent such as Claude Code, Codex or Cursor to generate prototypes, dashboards, slides, images and video, exporting HTML, PDF, PPTX or MP4 files.

Only repositories in the ranked Trendshift lists are included, and the lists are used only to find candidates. We do not copy their ranks. Descriptions, licenses and star counts come from each GitHub repository. The notes are our own reading. We have not tested these projects, and a place on a trending list does not prove quality.