Membrane Demo App

This app is connected to The Membrane

How to Test

  1. Open membrane.html in another tab
  2. Come back here and interact with the demo below
  3. Watch your actions appear in The Membrane's memory timeline
  4. Try copying a color - it will show up in Membrane's semantic clipboard

📊 Event Tracking

Click buttons to send events to The Membrane

🎨 Semantic Clipboard - Colors

Click a color to copy it to the semantic clipboard

✏️ Drawing Canvas

Draw something - strokes are tracked by Membrane

📝 Form Inputs

Form interactions are auto-tracked

📜 Local Event Log

[ready] Membrane connector initialized

💻 Integration Code

Add this to any HTML app to connect it to Membrane:

<!-- Add before </body> --> <script> window.MEMBRANE_CONFIG = { appId: 'your-app-id', appName: 'Your App Name', icon: '📱' }; </script> <script src="membrane-connect.js"></script>