facebook/astryx

Source
GitHub
First trending
Category
Design and UI
GitHub stars
13,189
Main language
TypeScript

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

facebook/astryx

What it does

An open source React design system, currently in beta, with accessible components, brand theming, dark mode, templates and a CLI. It is meant to be used by both people and AI assistants with the same tooling.

How it helps ATF

Could be a reference for a consistent, accessible component set across ATF Works screens such as tasks, calendar and approvals.

License

MIT Permissive. Commercial use and changes are allowed if the copyright notice is kept.

More in this category

  • Nutlope/hallmark
    Hallmark is a design skill for Claude Code, Cursor and Codex that builds UI while avoiding generic AI-generated looks. It picks a page structure and theme, runs slop-test checks before output, and can audit, redesign or study existing designs.
  • penpot/penpot
    An open-source design platform for product teams, used in the browser or self-hosted. It works with open standards such as SVG, CSS and HTML, and offers real-time collaboration, design tokens, an MCP server, an open API and plugins.
  • CoreBunch/Instatic
    Instatic is a self-hosted visual CMS where the canvas editor, content engine, media, auth, forms, plugins and publisher run in one Bun server backed by SQLite or Postgres. It publishes plain semantic HTML and compact CSS.
  • 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.
  • cathrynlavery/diagram-design
    An agent skill for Claude Code, Codex, Pi and other skill-compatible hosts that produces editorial-style diagrams as self-contained HTML and SVG, from architecture sketches to flowcharts. It can also redraw draw.io, Mermaid or Excalidraw sources.

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.

View on GitHub (opens in a new tab)