Integrating with Muam

Connect Muam with other frameworks, libraries, and APIs to extend your development capabilities.

Learn Integration Patterns

How Muam Integrates

React Compatibility

Merge Muam components with React hooks and state management using our compatibility layer.

import React from 'muam/react';

Vue.js Bridge

Use Vue components within Muam apps with automatic lifecycle mapping and prop conversion.

import { VueBridge } from 'muam/vue';

Integration Example

React + Muam


import React, { useState } from 'react';
import { useMuamState } from 'muam/react';

const MuamCounter = () => {
  const [count, setCount] = useState(0);

  return (
    
      Current Count: {count}
      
    
  );
};

Advanced Patterns

API Integration

Seamlessly connect Muam with REST, GraphQL, or gRPC APIs through our built-in client layer.

importApiClient from 'muam/api';

Web Component Bridge

Package Muam features as custom elements for use in vanilla JS projects or other frameworks.

customElements.define('muam-counter', MuamComponent);

Microservice Patterns

Connect Muam web applications with backend microservices using our standard communication patterns.

import { ServiceBus } from 'muam/microservices';

Enhance Your Workflow

Whether you're extending existing systems or bridging frameworks, Muam provides the tools you need to create unified web experiences.

View All Tutorials Begin Integration Demo