Philosophy
Ayisha.js is a micro VDOM framework for web apps, with no build step, using HTML syntax and directives inspired by Vue/Angular. Perfect for prototypes, demos, landing pages, and lightweight apps.
- Ultra lightweight: only 20KB
- No build, no dependencies
- Simple and powerful directives
- Native SPA routing
- Reusable HTML components
- Reactive state and automatic binding
Quick Install
Option 1: Use CDN (recommended)
Option 2: Download locally
Discover all features in the Directives Wiki or follow the Step-by-step Tutorial.
Hello World Example
Hello, strong {{ name }} strong !
What's your name?
Hello, {{ name }}!
What's your name?
This example uses @model
for two-way binding. The input and greeting are on the same line for a modern look.
Why Ayisha.js?
Feature | Ayisha.js | React.js | Vue.js | jQuery | Alpine.js | Svelte |
---|---|---|---|---|---|---|
Bundle Size | ✔️~20KB |
❌~40KB+ |
❌~33KB+ |
➖~30KB |
✔️~10KB |
✔️~10KB |
Build Step | ✔️None |
❌Required |
➖Optional |
✔️None |
✔️None |
❌Required |
HTML-first | ✔️Yes |
❌No |
✔️Yes |
✔️Yes |
✔️Yes |
❌No |
Directives | ✔️Vue/Angular-style |
➖JSX/Props |
✔️Vue-style |
➖jQuery API |
✔️Alpine-style |
✔️Svelte syntax |
SPA Routing | ✔️Built-in |
➖Via library |
➖Via library |
❌No |
❌No |
➖Via library |
Components | ✔️HTML includes |
➖JSX/Components |
✔️Vue SFC |
❌None |
✔️HTML includes |
✔️Svelte SFC |