React → Coral
Parse React components into a structured Coral specification.
Coral Libraries
A monorepo of TypeScript libraries for transforming UI components between different representations.
What is Coral?
Coral is a universal specification format for describing UI components. It captures structure, styles, state, methods, and props, allowing you to transform between different UI representations.
Coral → React
Generate React components from Coral specifications.
Coral → HTML
Generate static HTML from Coral specifications.
HTML → Coral
Transform HTML into Coral specifications.
Packages
@reallygoodwork/coral-core Core types, schemas, and utilities for the Coral specification.
@reallygoodwork/react-to-coral Transform React components to Coral specification.
@reallygoodwork/coral-to-react Generate React components from Coral specification.
@reallygoodwork/coral-to-html Generate HTML from Coral specification.
@reallygoodwork/coral-tw2css Convert Tailwind CSS classes to CSS style objects.
@reallygoodwork/style-to-tailwind Convert CSS style objects to Tailwind CSS classes.
Features
TypeScript First
All packages are built with TypeScript for type safety and better DX.
Automated Releases
Semantic versioning with automated changelog generation and npm publishing.
Fast Builds
Powered by tsup and turborepo for lightning-fast builds and caching.
Modern Tooling
Biome for linting and formatting, ensuring consistent code quality.