Drift
An alpha frontend language and compiler that turns .drift components into typed React, scoped CSS, component types, and motion-ready output.
The Story
Drift is a frontend authoring language for component structure, scoped styles, motion, tokens, routing, and metadata. It stays connected to the React ecosystem by emitting JavaScript and CSS artifacts rather than replacing the runtime underneath.
What I Built
The compiler parses source into an AST, optionally resolves design tokens, then generates an output bundle. That bundle can include component TSX, extracted CSS, TypeScript declarations, and metadata. Compiler errors are collected with file and source-location data instead of surfacing as generic failures. The Vite plugin transforms .drift files, loads token registries, injects generated CSS, watches pages and layouts, caches compiled modules, and invalidates affected modules when token files change. This keeps the language usable in a normal local development loop. Drift is an alpha project. The portfolio presents the implemented compiler and tooling work, not a claim of production maturity.