Zess

A compiler-driven JavaScript framework for building high-performance user interfaces.

📑 Documentation

Zess (pronounced /zɛs/) is a compiler-based JavaScript framework for building user interfaces on top of standard HTML, CSS, and JavaScript. Unlike traditional runtime-focused frameworks, Zess shifts the majority of its work to the compile stage. Through static analysis and compile-time optimizations, it transforms declarative components into lean, efficient imperative code. This results in reduced runtime overhead, faster initial page loads, and a user experience that approaches native-level performance.

• ⚡ High Performance: Deeply optimized compiler output, combined with an efficient reactive system using Signals, delivers native-like smoothness.
• 🔒 Full Type Safety: Built-in TypeScript support ensures end-to-end type checking across development and build, improving code reliability.
• 🛠️ Fast Development: Powered by Vite for millisecond-level hot updates and efficient bundling, boosting development productivity.
• 📚 Easy to Learn: Familiar API design inspired by mainstream frameworks lowers the learning curve and speeds up proficiency.

Create a new Zess project via CLI where my-app is your project directory:

npx -p @zessjs/cli init my-app

Navigate to the project directory and start the development server:

cd my-app
npm run dev

Build the project for production:

npm run build

Start a local server to preview the built project:

npm run preview

Check out our official documentation to learn more about Zess:

• Introduction - Learn about Zess features, performance benefits, and framework comparisons
• Quick Start - Get started with Zess in minutes
• API Overview - Explore all Zess APIs including Core and Router modules

MIT