withseismic-grid - Layout system for web pages using a twelve-unit grid
Builds web page layouts and UIs using @withseismic/grid components based on arithmetic grid rules and ladder fractions.
Tags
Updated: 2026-09-22Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Install @withseismic/grid layout package
- Render grid layout primitives
- Compose page movements and rows
- Configure media bleeds and fit
- Toggle grid overlay inspector
Inputs
- @withseismic/grid package
- Layout fractions and ladder specs
- UI layout design specifications
Outputs
- React grid layout JSX code
- Rendered grid user interface
- Grid overlay inspection display
Requirements
- React runtime environment
- pnpm package manager
- CSS custom properties support