Muam Documentation

The ultimate framework for building responsive, accessible, and performant web applications using only Tailwind CSS and JavaScript.

Core Concepts

Atomic Structure

Build UIs using fundamental building blocks that work together like a well-orchestrated symphony.

State Harmony

Predictable state management that feels intuitive and responsive like a jazz improvisation.

Motion API

Create fluid animations with declarative syntax that feels like conducting light and motion.

Getting Started

JavaScript


// muam/index.js
import { init, state, view } from 'muam';

const App = () => {
  const count = state(0);

  return view`
    
      Counter: ${count}
      
    
  `;
};

init(App);

API Reference

state(value)

Creates a reactive state variable

Arguments:

value (any): Initial value

Returns: State object with

value (getter)
value = newValue (setter)

effect(callback, dependencies)

Runs effect after component renders

Arguments:

callback (function): Function to execute
dependencies (array): Array of reactive dependencies

Note: Automatically cleans up on unmount