Skip to main content
Menu
Aesthetic
BETA
v0.4.5 · addon-direction
v0.3.6 · addon-properties
v0.3.6 · addon-vendor
v0.8.7 · cli
v0.8.7 · compiler
v0.10.6 · core
v0.2.1 · core-react
v0.7.1 · react
v0.2.1 · react-native
v0.9.6 · style
v0.9.6 · system
v0.6.5 · types
v0.8.4 · utils
Docs
React
React Native
Packages
Design system
CSS-in-JS engine
GitHub
🌜
🌞
Search
Aesthetic
BETA
v0.4.5 · addon-direction
v0.3.6 · addon-properties
v0.3.6 · addon-vendor
v0.8.7 · cli
v0.8.7 · compiler
v0.10.6 · core
v0.2.1 · core-react
v0.7.1 · react
v0.2.1 · react-native
v0.9.6 · style
v0.9.6 · system
v0.6.5 · types
v0.8.4 · utils
Docs
React
React Native
Packages
Design system
CSS-in-JS engine
GitHub
Menu
Getting started
Introduction
Prerequisites
Design system
What is a design system?
Create a design system
Configure the design system
Configuration files
brand.yaml
language.yaml
themes.yaml
Design tokens
What are design tokens?
Compile design tokens
Formats
Android
iOS
Native
JS/TS
CSS-in-JS/TS
Web
JS/TS
CSS-in-JS/TS
CSS
SCSS
Sass
Less
Development
CSS-in-JS
Setup
Configuration
Themes
Style sheets
Overview
For themes
For components
Directionality
Packages
@aesthetic/addon-vendor
Overview
Setup
@aesthetic/react
@aesthetic/react-native
@aesthetic/style
Overview
Getting started
Rendering concepts
Render options
Server-side rendering
Test utilities
API
@aesthetic/system
Overview
Resources
Roadmap
Changelog
Legacy docs
Design system
Coming soon...
Edit this page
Previous
« API