Playground
[ Home ] [ Projects ] [ Docs ]
Home Projects Docs

Tutorials

Step-by-step guides.

Your First Visualization

A step-by-step guide to creating your first visualization in the playground.

How-To Guides

Practical recipes.

Adding Components

Add new UI components to the shared library.

Adding Projects

Add new visualizations to the playground.

Adding a Sequence Rule

Add a new math rule to the Sequence Renderer engine.

Adding a Visualization

Add a new visualization to the Sequence Renderer engine.

Explanations

Deep dives.

Engines

How the creative engines work — rules, generators, and pluggable systems.

Overview

What Creative Playground is, its principles, and architecture.

Reference

Technical specs.

Design Tokens

Colors, typography, and spacing — the Gruvbox theme.

Import and Export Strategy

Explicit rules for package APIs, barrels, and imports across the monorepo.

UI Components

Shared components in @repo/ui.