Developer documentation for prototyping tools and component libraries
Core positioning system supporting grid, flex, and isometric coordinate spaces. Handles responsive breakpoints and container queries.
import { Layout } from 'prototypic/core'
Typographic scale generator with modular ratios, responsive sizing, and font-stack management for consistent type hierarchies.
import { Type } from 'prototypic/core'
Categorical color system with semantic aliases, dark mode variants, and automatic contrast ratio validation for all token pairs.
import { tokens } from 'prototypic/util'
Composable component primitives with slot-based composition, state management hooks, and render-time optimization. The foundation for all higher-order prototypic components.
import { compose } from 'prototypic/core'
Spring-physics animation system with declarative keyframe syntax, gesture-driven transitions, and GPU-accelerated transform pipelines. Currently in experimental evaluation.
import { animate } from 'prototypic/beta'
Consistent spacing tokens based on a 4px base unit with named steps from xs through 4xl for margins, padding, and gaps.
import { space } from 'prototypic/util'
Original 12-column float-based grid system. Superseded by Layout Engine. Maintained for backward compatibility only.
import { Grid } from 'prototypic/legacy'
Isometric and perspective transform utilities for building 3D-aware interfaces. Includes preset isometric projection matrices.
import { iso } from 'prototypic/beta'
How prototypic components connect to form a complete system