Molecule.dev

← All templates

Cloud File Manager

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

Dropbox-like file storage with upload, folders, sharing, and preview — with built-in Stripe-backed subscription tiers

Open in Molecule

What is inside

  • auth
  • search
  • upload
  • folders
  • sharing
  • preview
  • subscriptions

Screens (15)

  • Landing /
  • Login /login
  • Signup /signup
  • ForgotPassword /forgot-password
  • ResetPassword /reset-password
  • MyFiles /files (signed in)
  • FileDetail /files/:id (signed in)
  • SharedWithMe /shared (signed in)
  • Starred /starred (signed in)
  • Trash /trash (signed in)
  • Upload /upload (signed in)
  • Settings /settings (signed in)
  • Recent /recent (signed in)
  • SearchResults /search (signed in)
  • Storage /storage (signed in)

Data model (7 tables)

  • devices — id, createdAt, updatedAt, userId, name, pushPlatform, pushSubscription, hasPushSubscription
  • file_shares — id, file_id, token, permission, created_by, expires_at, created_at
  • files — id, owner_id, folder_id, name, storage_key, mime_type, size, is_starred, …
  • folders — id, owner_id, parent_id, name, color, created_at, updated_at
  • payments — id, createdAt, updatedAt, userId, transactionId, productId, platformKey, data, …
  • resource_tags — id, tagId, resourceType, resourceId, createdAt
  • tags — id, name, slug, color, description, createdAt, updatedAt

API (7 handlers)

  • activity api/src/handlers/activity.ts
  • files api/src/handlers/files.ts
  • folders api/src/handlers/folders.ts
  • shares api/src/handlers/shares.ts
  • stats api/src/handlers/stats.ts
  • storage api/src/handlers/storage.ts
  • uploads api/src/handlers/uploads.ts

Subscription tiers

free / pro / team — gated by: maxFiles, maxFolders, maxShares, advancedFeatures, canExport, retentionDays

Built from 18 @molecule/* packages

Browse all @molecule/* packages →

Required secrets

  • DATABASE_URL PostgreSQL connection string
  • S3_BUCKET S3 bucket for file storage
  • MEILISEARCH_API_KEY MeiliSearch API key

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