What is Astro?
Learn what Astro is and what a design system can do for you and your applications.
Current version: 7.0
Space UX Design System
The Astro Space UX Design System enables developers and designers to build rich space app experiences with established interaction patterns and best practices.
Important Notice Regarding Astro UXDS Sustainment
As of October 2025, the requirements for the Astro UX Design System (Astro UXDS) were delivered successfully and the contract with the Government has ended. At this time, documentation and code on this system will not be actively maintained.
Astro UXDS v7 will remain available as an NPM package. Systems utilizing it will not experience any immediate disruption. Supporting materials on this website will remain in place, however, users should note that this documentation and any corresponding code may become outdated.
We are actively working on a modernized replacement. Teams currently using Astro UXDS are encouraged to reach out to Rocket Communications to discuss support and migration options.
A team of User Experience (UX) and Front-End Development experts, Rocket Communications is the creator of Astro UXDS. In addition to our expertise in the space domain, we offer a wide variety of Design & Development services:
- New or Legacy App Design & Development
- Custom AI-Ready Design Systems
- UX Strategic Consulting
- UX Research, AI Workflows, Audits, and Testing
If you need assistance with your current implementation of Astro UXDS, or are interested in learning more about how we can help with your UX and Front-End Development needs, please reach out.
Get Started
Start Designing
Jumping into icons, layouts, components, and Figma files to get you started designing with Astro.
Start Developing
Find out how to implement Astro design system into code using design tokens and our code base.
Astro Community
Upcoming Events
No Upcoming Events at This Time
But be sure to join our community for the latest Astro news!Community Links
Get the ASTRO UXDS code repository, getting started instructions, and join in the conversations happening on our ASTRO Discussions board.
The Astro UXDS design files can help you build rich space app experiences and custom applications with established interaction patterns & best practices.
Sign up to gain access to our external ASTRO Slack Channel and stay up to date on all things ASTRO.
Articles
Context Pairing
A common stereotype is that developers are lone wolves by nature; indeed any depiction you see of them in the media reinforces this...
Testing pixel perfection in Figma and code
“Pixel Perfect”. The Holy Grail. The Dream. The ability to take an asset designed in Figma and implement in code is the superpower...
Astro Beyond the Web
Transforming a web design system for new platforms is, unsurprisingly, an exercise in making tradeoffs.
How to Implement a Light to Dark Theme Switch Using Astro UXDS
This quick four-step tutorial will show you how to implement a light to dark theme Switch without losing the user’s preferred state.
Reworking a Color System for Flexibility and Growth
When your color system gets ugly, how do you make it pretty again, and keep it that way?
Styling an input range to have different track heights before and after the thumb
Styling native HTML elements can be tricky, and the range input is certainly no different.
Sign Up
Sign up to learn more about what Astro has to offer and to stay up to date on events, releases, and news.