Molecule.dev

← All templates

Mind Mapping

Productivity · React + Node (Express) · 15 @molecule/* packages

Miro-like mind maps with draggable nodes, connections, real-time collaboration, and canvas zoom/pan — with built-in Stripe-backed subscription tiers

Open in Molecule

What is inside

  • auth
  • realtime
  • drag-drop
  • canvas
  • keyboard-shortcuts
  • subscriptions

Screens (17)

  • Landing /
  • Login /login
  • Signup /signup
  • ForgotPassword /forgot-password
  • ResetPassword /reset-password
  • Dashboard /dashboard (signed in)
  • Maps /maps (signed in)
  • MapEditor /maps/:id (signed in)
  • Templates /templates (signed in)
  • Share /maps/:id/share (signed in)
  • Settings /settings (signed in)
  • Profile /profile (signed in)
  • Notifications /notifications (signed in)
  • Billing /settings/billing (signed in)
  • VersionHistory /maps/:id/history (signed in)
  • TemplateDetail /templates/:id (signed in)
  • Trash /trash (signed in)

Data model (10 tables)

  • connections — id, map_id, source_node_id, target_node_id, label, style, created_at, updated_at
  • devices — id, createdAt, updatedAt, userId, name, pushPlatform, pushSubscription, hasPushSubscription
  • map_collaborators — id, map_id, user_id, email, role, accepted_at, created_at
  • map_templates — id, owner_id, name, description, snapshot, is_system, created_at
  • map_versions — id, map_id, snapshot, created_by, change_summary, created_at
  • maps — id, owner_id, title, description, theme, root_node_id, is_template, is_public, …
  • nodes — id, map_id, parent_id, text, color, shape, size, x, …
  • resource_tags — id, tagId, resourceType, resourceId, createdAt
  • tags — id, name, slug, color, description, createdAt, updatedAt
  • payments — id, createdAt, updatedAt, userId, transactionId, productId, platformKey, data, …

API (6 handlers)

  • collaborators api/src/handlers/collaborators.ts
  • connections api/src/handlers/connections.ts
  • maps api/src/handlers/maps.ts
  • nodes api/src/handlers/nodes.ts
  • templates api/src/handlers/templates.ts
  • versions api/src/handlers/versions.ts

Subscription tiers

free / pro / team — gated by: maxConnections, maxMaps, maxNodes, advancedFeatures, canExport, retentionDays

Built from 15 @molecule/* packages

Browse all @molecule/* packages →

Required secrets

  • DATABASE_URL PostgreSQL connection string

The @molecule/* packages are Apache-2.0. The app you build from this template is yours to export and self-host. Licensing