Building NCSS
The roadmap to redefining styling workflows. A step-by-step look into how we are engineering the future of CSS.
Phase 1: Conceptualization & Architecture
Phase 1: Conceptualization & Architecture
The foundation of NCSS (Next-generation CSS) begins here. We define the core syntax, capabilities, and how it will fundamentally differ from traditional styling frameworks like Tailwind or styled-components.
Syntax Design
Designing a clean, intuitive authoring experience.
AST Architecture
Structuring the Abstract Syntax Tree for ultra-fast parsing.
Phase 2: Core Engine Development
Phase 2: Core Engine Development
Building the actual engine. This involves writing the highly optimized Rust-based parser and compiler that processes NCSS syntax into minified, native CSS faster than any existing tool.
- Developing the high-speed lexer and parser.
- Implementing advanced zero-runtime injection techniques.
- Building the native CSS emission engine.
Phase 3: Developer Experience & Tooling
Phase 3: Developer Experience & Tooling
A great engine needs great tools. We focus on integrating NCSS seamlessly into the modern web ecosystem so developers can use it out of the box with their favorite frameworks.
VS Code Extension
Syntax highlighting, autocomplete, and inline linting.
Framework Integrations
Plugins for Next.js, Vite, and Webpack.
Phase 4: Beta Testing & Benchmarking
Phase 4: Beta Testing & Benchmarking
Opening NCSS to a closed group of alpha/beta testers to battle-test the compiler on real-world, large-scale applications.
- Running extensive performance benchmarks against Tailwind and LightningCSS.
- Fixing edge-case bugs and improving error reporting.
- Gathering developer feedback on syntax ergonomics.
Phase 5: v1.0 Public Release
Phase 5: v1.0 Public Release
The official launch. NCSS becomes publicly available for everyone to use, redefining styling workflows globally.
Open Source Launch
Publishing to npm, releasing the documentation site, and launching the official community.