Getting Started

Introduction

Welcome to the Dreamineering design system. We use **Core Primitives** to build **Complex Patterns** that power high-impact business applications.

Fast Setup

Tailwind + Radix Primitives

Modular

Component-Driven Architecture

Documented

Automated Inventory Tracking

Workflow Scenarios

How are you planning to contribute today? Choose a path below to see specific instructions.

I need to build a CRUD page

List, detail, create, and edit pages for any entity.

Find a pattern in the Blocks Gallery

Copy the React code into your local project

Replace mock data with your entity types

Connect to your database via Server Actions

Start copy workspace

I need to add a component

Import production-ready atoms and molecules into your app.

Browse stable components in the catalog

Import: import { Button } from '@stackmates/ui-interactive/atoms'

Check the Props Table for configuration

Use semantic tokens for custom styling

Start import workspace

I need to explore an idea

Prototype and compare approaches before committing.

Create a new exploration in (explorations)

Experiment with new layout ideas

Share the URL for design alignment

Productionize once the vision is clear

Start compare workspace

Getting Started

Introduction

Welcome to the Dreamineering design system. We use **Core Primitives** to build **Complex Patterns** that power high-impact business applications.

Fast Setup

Tailwind + Radix Primitives

Modular

Component-Driven Architecture

Documented

Automated Inventory Tracking

Workflow Scenarios

How are you planning to contribute today? Choose a path below to see specific instructions.

I need to build a CRUD page

List, detail, create, and edit pages for any entity.

Find a pattern in the Blocks Gallery

Copy the React code into your local project

Replace mock data with your entity types

Connect to your database via Server Actions

Start copy workspace

I need to add a component

Import production-ready atoms and molecules into your app.

Browse stable components in the catalog

Import: import { Button } from '@stackmates/ui-interactive/atoms'

Check the Props Table for configuration

Use semantic tokens for custom styling

Start import workspace

I need to explore an idea

Prototype and compare approaches before committing.

Create a new exploration in (explorations)

Experiment with new layout ideas

Share the URL for design alignment

Productionize once the vision is clear

Start compare workspace