Write Light, Run Fast — What You See Is What You Code ​

Lyt.js is a zero-dependency, ultra lightweight frontend framework that provides a Vue 3-compatible API with built-in router, state management, and a rich UI component library. It is designed for developers who value simplicity, performance, and minimal bundle size.

Quick Start ​

# Create a new project
npx @lytjs/cli create my-app
cd my-app
npm install
npm run dev

Or try it directly in the browser via CDN:

<script type="module">
  import { createApp } from '@lytjs/core'

  const app = createApp({
    template: `
      <div>
        <h1>{{ title }}</h1>
        <p>Count: {{ count }}</p>
        <button @click="count++">+1</button>
      </div>
    `,
    state: { title: 'Hello Lyt.js!', count: 0 }
  })

  app.mount('#app')
</script>

Documentation ​

Guides ​

• Quick Start — Install, create your first app, and learn the basics
• Comparison — Lyt.js vs Vue 3 vs React vs Svelte vs Solid
• SSR Guide — Server-side rendering with LytX
• Migration from Vue 3 — Migrate your Vue 3 project to Lyt.js

API Reference ​

• Core API — createApp, h(), defineComponent, lifecycle hooks, plugin system
• Reactivity API — ref, reactive, computed, watch, Signal API
• Component API — Props, emits, slots, built-in components
• Router API — createRouter, navigation guards, dynamic routes
• Store API — createStore, state, getters, actions, modules
• Component Library — 38+ UI components, theme system

Community ​

• Contributing Guide — How to contribute to Lyt.js