Getting Started with Muam

Build your first Muam project in under 10 minutes with zero configuration.

Let's Begin

Step 1: Install Muam CLI


npm create muam@latest

This command sets up a new Muam project with all necessary dependencies and file structure.

Step 2: Your First Component

JavaScript 

// src/components/Counter.js
import { state, view } from 'muam';

export default function Counter() {
  const count = state(0);
  return view`
    

      
Count: ${count}

      
    

  `;
}

Step 3: Use Your Component

JavaScript 

// src/main.js
import { init } from 'muam';
import Counter from './components/Counter';

document.body.innerHTML = init(Counter);

Step 4: Run Your Project


npm run dev

Open your browser at localhost:3000 to see your app running.

Core Concepts Explained

State Management

Reactive state with automatic dependency tracking that updates UI seamlessly.

View Templates

Simplified template syntax combining HTML and JavaScript for intuitive UI construction.

What's Next?

Explore advanced topics: routing, state persistence, and API integrations in the full Muam documentation.

📘 Full Docs 🚀 Advanced Tutorials