Libraries.dev
High-crafted UI effect libraries for AI agents and modern apps.
WebsiteWorkflowsWebFreemium
4.8Visit
Framework
Astryx Design System
An open-source design system that is fully customizable and agent ready.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
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
- 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
- Currently in beta, so APIs may still change
- StyleX is less common than Tailwind, a new skill for some teams
Who should use Astryx Design System
React teams who want a customizable, agent-friendly design system they can fully own.
Who may not need it
Teams already invested in an established system like Material or shadcn/ui.
Astryx Design System alternatives
Similar resources to Astryx Design System, picked from the directory.
Build World
Build interactive 3D worlds with your AI agent of choice.
FrameworkAI ProductivityWebFree
4.3Visit
Wake
All your AI agent sessions in one place — browse, search, resume.
Desktop AppAI ProductivitymacOS, WindowsFree
4.6Visit
Transitions.dev
Essential UI transitions for web apps, built to use with AI coding agents.
FrameworkWorkflowsWebFree
4.5Visit
bloks
A local-first desktop workspace for personal AI agents.
Desktop AppAI ProductivitymacOS, WindowsFree
4.4Visit
Bolt Slides
Use any AI agent to create stunning, interactive presentations.
AI ToolAI ProductivityWebFree
4.4Visit
Free alternatives to Astryx Design System
Free resources that cover similar ground.
pdfcn
Beautiful PDF components for React, 100% free with zero config and one-command setup.
FrameworkWorkflowsWeb, Cross-PlatformFree
4.4Visit
microcharts
Word-sized charts for React.
WebsiteWorkflowsWebFree
4.5Visit
shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteWorkflowsWebFree
4.5Visit
Toolcraft
Build your own design apps with AI.
FrameworkAI ProductivityWebFree
4.5Visit
Upscayl
Free and open-source AI image upscaler for Linux, macOS and Windows.
Desktop AppAI ProductivityLinux, macOSFree
4.8Visit
OpenUI
An open standard for streaming generative user interfaces.
FrameworkWorkflowsWeb, Cross-PlatformFree
4.7Visit
Featured on Best Productivity Resources
Made Astryx Design System? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/astryx-design-system" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>