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
Try it
Opens instantly. Runs on sample data, so changes reset on reload.
What is inside
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
@molecule/api-database-postgresql@molecule/api-email-templates@molecule/api-emails-mailgun@molecule/api-entitlements@molecule/api-image-sharp@molecule/api-payments-stripe@molecule/api-resource-payment@molecule/api-resource-tag@molecule/api-resource-user@molecule/api-search-meilisearch@molecule/api-uploads-s3@molecule/app-billing-react@molecule/app-command-palette@molecule/app-data-table@molecule/app-file-upload@molecule/app-gallery@molecule/app-image-crop@molecule/app-keyboard-shortcuts@molecule/app-virtual-scroll
Required secrets
DATABASE_URLPostgreSQL connection stringS3_BUCKETS3 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