Project detail
Angular Flex-Layout Codemod
PrereleaseA beta Angular template codemod for Flex-Layout to Tailwind CSS v4 migrations.
Overview
A beta Angular template codemod for Flex-Layout to Tailwind CSS v4 migrations.
Why it exists
It exists to make removal of Angular Flex-Layout reviewable by converting cases that can be proven and reporting unsupported work for manual follow-up.
Evidence for purposeVerified claims
Angular-aware edits
Parses Angular templates with the Angular compiler and applies validated source-range edits without reserializing templates as generic HTML.
Evidence for Angular-aware editsProven static conversions
Converts documented static and literal responsive inputs for standard viewport aliases to exact Tailwind CSS v4 utilities where behavior is provable.
Evidence for Proven static conversionsReviewable automation
Provides dry-run planning, schema-version 1 JSON reports, deterministic automation exit codes, and diagnostics for unresolved or unsafe cases.
Evidence for Reviewable automation
Scope and limitations
Beta scope
Version 2 is a beta and does not claim production-ready coverage; dynamic bindings and other unsupported cases can remain for review.
Evidence for Beta scopeExample
Example sourceflex-layout-codemod ./src --target tailwind --output ./migrated-src --dry-run --report ./reports/flex-layout.jsonInstall
npm install @nipe-solutions/flex-layout-codemod