Molecule.dev

← All templates

Photo Editor

Creative Tools · React + Node (Express) · 19 @molecule/* packages

Pixlr-like photo editor with filters, crop, adjustments, and layers — with built-in Stripe-backed subscription tiers

Open in Molecule

What is inside

  • auth
  • filters
  • crop
  • adjustments
  • layers
  • export
  • subscriptions

Screens (12)

  • Landing /
  • Login /login
  • Signup /signup
  • ForgotPassword /forgot-password
  • ResetPassword /reset-password
  • Editor /editor (signed in)
  • Library /library (signed in)
  • Export /export (signed in)
  • Settings /settings (signed in)
  • AlbumDetail /album/:id (signed in)
  • Presets /presets (signed in)
  • Profile /profile (signed in)

Data model (10 tables)

  • albums — id, user_id, name, cover_image_id, created_at, updatedAt
  • images — id, user_id, name, original_url, current_url, width, height, album_id, …
  • adjustments — id, user_id, image_id, adjustment_type, value, created_at
  • filter_applications — id, user_id, image_id, filter_type, intensity, parameters, created_at
  • filter_presets — id, user_id, name, parameters, created_at
  • exports — id, user_id, image_id, format, quality, width, height, status, …
  • layers — id, user_id, image_id, kind, parameters, opacity, blend_mode, z_index, …
  • devices — id, createdAt, updatedAt, userId, name, pushPlatform, pushSubscription, hasPushSubscription
  • tags — id, name, slug, color, description, createdAt, updatedAt
  • resource_tags — id, tagId, resourceType, resourceId, createdAt

API (6 handlers)

  • adjustments api/src/handlers/adjustments.ts
  • albums api/src/handlers/albums.ts
  • exports api/src/handlers/exports.ts
  • filters api/src/handlers/filters.ts
  • images api/src/handlers/images.ts
  • layers api/src/handlers/layers.ts

Subscription tiers

free / pro / team — gated by: maxAdjustments, maxExports, maxFilters, maxImages, advancedFeatures, canExport, retentionDays

Built from 19 @molecule/* packages

Browse all @molecule/* packages →

Required secrets

  • DATABASE_URL PostgreSQL connection string
  • S3_BUCKET S3 bucket for image storage

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