Skip to content
Day 69: new resources are added every day. See what's new

Framework

Astryx Design System

An open-source design system that is fully customizable and agent ready.

  • Rating

    4.6 / 5

  • Pricing

    Free

  • Difficulty

    Intermediate

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

What is Astryx Design System?

Astryx is an open-source design system built on React 19+ and StyleX, designed to adapt to your workflow instead of the other way around. It ships with fully customizable themes ready to fit your brand, a component library, templates and a playground to try everything in the browser. The system is built to be agent ready, so AI coding tools can generate and compose interfaces against its tokens and components. Astryx is currently in beta and free to start with.

Pros: what Astryx Design System does well

  • Fully customizable themes built on React 19+ and StyleX
  • Agent ready, so AI coding tools can build with it directly
  • Includes components, templates and an in-browser playground
  • Open source and free while in beta

Cons: where it falls short

  • Currently in beta, so APIs may still change
  • StyleX is less common than Tailwind, a new skill for some teams

Who Astryx Design System is for

React teams who want a customizable, agent-friendly design system they can fully own.

Who can skip it

Teams already invested in an established system like Material or shadcn/ui.

Astryx Design System alternatives

Not sold on Astryx Design System? These do a similar job, and each card says what it has in common.

Libraries.dev

Focus: ui effects, npm and animation. Shares react and ai agents with Astryx Design System. A website, not a framework. Freemium (Astryx Design System: Free). Rated 4.8 (Astryx Design System: 4.6).

WebsiteFree planWeb

Build World

Focus: 3d, worlds and game dev. Shares ai agents and open source with Astryx Design System. Rated 4.3 (Astryx Design System: 4.6).

FrameworkFreeWeb

Wake

Focus: sessions, rust and search. Shares ai agents and open source with Astryx Design System. A desktop app, not a framework. Adds macOS, Windows and Linux. Same 4.6 rating.

Desktop AppFreemacOS, Windows

Transitions.dev

Focus: ui, transitions and animation. Shares react and ai agents with Astryx Design System. Rated 4.5 (Astryx Design System: 4.6).

FrameworkFreeWeb

bloks

Focus: local-first, desktop and privacy. Shares ai agents and open source with Astryx Design System. A desktop app, not a framework. Adds macOS, Windows and Linux. Rated 4.4 (Astryx Design System: 4.6).

Desktop AppFreemacOS, Windows

Bolt Slides

Focus: presentations, slides and stackblitz. Shares ai agents and open source with Astryx Design System. An AI tool, not a framework. Rated 4.4 (Astryx Design System: 4.6).

AI ToolFreeWeb

Free alternatives to Astryx Design System

Want to spend nothing? These free picks cover similar ground.

pdfcn

Focus: pdf, shadcn and documents. Shares react and components with Astryx Design System. Rated 4.4 (Astryx Design System: 4.6).

FrameworkFreeWeb, Cross-Platform

microcharts

Focus: charts, sparklines and svg. Shares react and components with Astryx Design System. A website, not a framework. Rated 4.5 (Astryx Design System: 4.6).

WebsiteFreeWeb

shadercn

Focus: shaders, webgpu and wgsl. Shares react and components with Astryx Design System. A website, not a framework. Rated 4.5 (Astryx Design System: 4.6).

WebsiteFreeWeb

Toolcraft

Focus: ai, design tools and design engineering. Shares open source with Astryx Design System. Rated 4.5 (Astryx Design System: 4.6).

FrameworkFreeWeb

Upscayl

Focus: image upscaling, ai and electron. Shares open source with Astryx Design System. A desktop app, not a framework. Adds Linux, macOS and Windows. Rated 4.8 (Astryx Design System: 4.6).

Desktop AppFreeLinux, macOS

OpenUI

Focus: generative ui, framework and streaming. Shares open source and react with Astryx Design System. Rated 4.7 (Astryx Design System: 4.6).

FrameworkFreeWeb, Cross-Platform
Are you the maker of Astryx Design System?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

New · updated daily

What people are actually doing with AI

Real use cases shared on Reddit, Hacker News, X, GitHub and blogs, summarised in plain words with a link to every original post.

Browse AI use cases

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.