GETTING STARTED

Installation

Start an HTML-first fullstack application, or add Coordiation CSS to your existing project. Choose the guide that matches what you want to build.

New: Coordiation Fullstack alpha

Server-rendered .coord pages, backend APIs and eight guided delivery modes. No required React or Next.js runtime. Requires Node.js 22.18 or newer; alpha APIs may change.

Install the fullstack alpha →

Release candidate 1.0.0-rc.1 is available

All 49 tracked capability areas are implemented and documented across twelve public packages. Install the candidate with the npm next tag while latest remains unchanged.

Read the RC release notes →

Build a complete page

Complete recipe · React + ViteOne-page product website

Build a responsive landing page section by section, from theme tokens and Coordiation icons through navigation, hero, proof, features, workflow, pricing, FAQ, CTA, footer, and production checks.

10 sections · copy-ready source→

Release candidate

Published · next1.0.0-rc.1 release notes

See the complete package train, lifecycle capabilities, validation results, and stable-release boundary.

12 public packages→From 0.1 and CLI 0.2Migrate to 1.0 RC

Upgrade package versions, migrate negative utility syntax, and adopt revision-aware lifecycle contracts.

@coordiation/upgrade@next→

Choose your integration

Published packagesUsing npm

Install the compiler, adapters, icons, themes, components, and tooling from the public npm registry.

@coordiation/*→RecommendedUsing Vite

Fast development, automatic template scanning, and stylesheet updates through the official Vite adapter.

@coordiation/vite→FlexibleUsing PostCSS

Add Coordiation CSS to an existing PostCSS pipeline.

@coordiation/postcss→Framework agnosticUsing the CLI

Compile once or run a durable cross-platform watch process without a bundler plugin.

coordiation-css→

Framework guides

ViteReact

Scan JSX and TSX files with fast updates and zero styling runtime.

vite.config.js→PostCSSNext.js

App Router and Pages Router setup through the official PostCSS adapter.

postcss.config.mjs→ViteAstro

Scan Astro components and import the generated virtual stylesheet.

astro.config.mjs→Blade + ViteLaravel

Compile utilities found in Blade templates and frontend components.

resources/**→ViteSvelteKit

+layout.svelte→CLIHTML + CSS

Generate a static, runtime-free stylesheet without a framework.

coordiation-css→CLIPHP

Scan PHP templates and deploy ordinary compiled CSS.

*.php→Theme workflowWordPress

Compile inside a custom or child theme and enqueue the generated asset.

functions.php→

Requirements

Node.js 20 or newer
Static, complete class names in source files
Vite 5 or newer when using the Vite adapter

NextInstall from npm→