Chaos Design System: Overview
Chaos Reactor is a no-code desktop app for building AI workflows.
Principles
- Individual data ownershop - People should own their data and have an easy way to manage it. Chaos Reactor users will have control over their data and content which is why the MVP is a local-first desktop app.
- Community-driven - Connecting people and ideas through community.
- Approachable but deep - Chaos Reactor should be easy to approach and start using, but have a depth of exploration that creates endless possibilities.
- Make the technical easy to understand - Break down technical concepts, remove jargon, and use visuals to best explain what's happening in the system.
Tools & Frameworks
- Chakra UI - The Chaos Design System is built on top of the Chakra UI components.
- React Flow - framework for building the flow editor.
- Makeswift - marketing website.
- Dousaurus - docs site
- Github
- Figma - this is our main design area, as we can make the most of the design system and plugins.
- Product File
- Design System
- Plugins
- Gist - links designs to their docs.
- Optional:
- Sort Layers
- Lilgrid
- LottieFiles - generated the loading animation.
- Check out:
🗃️ Components
13 items
📄️ Global
Colors
📄️ System Objects
This document defines the entities within the Chaos Reactor product domain. These definitions determine how we build, market, and discuss the product. The system and this document will evolve over time.
📄️ Views
Reactor Playfield