Log Viewer
Developer Tools · React + Node (Express) · 19 @molecule/* packages
Datadog-like log viewer with search, filtering, live tail, and structured log parsing — with built-in Stripe-backed subscription tiers
Try it
Opens instantly. Runs on sample data, so changes reset on reload.
What is inside
Screens (18)
- Landing
/ - Login
/login - Signup
/signup - ForgotPassword
/forgot-password - ResetPassword
/reset-password - Dashboard
/dashboard(signed in) - Search
/search(signed in) - Traces
/traces(signed in) - Streams
/streams(signed in) - Alerts
/alerts(signed in) - Saved
/saved(signed in) - Settings
/settings(signed in) - TraceDetail
/traces/:id(signed in) - StreamDetail
/streams/:id(signed in) - AlertDetail
/alerts/:id(signed in) - Incidents
/incidents(signed in) - IncidentDetail
/incidents/:id(signed in) - Services
/services(signed in)
Data model (13 tables)
- alert_fires — id, user_id, alert_rule_id, fired_at, value, snapshot, created_at
- alert_rules — id, user_id, name, condition, severity, channels, status, threshold, …
- devices — id, createdAt, updatedAt, userId, name, pushPlatform, pushSubscription, hasPushSubscription
- incident_updates — id, user_id, incident_id, body, status_change, posted_by, created_at
- incidents — id, user_id, title, severity, status, service, owner, started_at, …
- log_sources — id, user_id, name, format, source, type, environment, rate_per_sec, …
- logs — id, user_id, source_id, service, severity, level, message, host, …
- projects — id, userId, name, slug, projectType, framework, packages, envVars, …
- saved_searches — id, user_id, name, query_string, filters, result_count, last_run_at, shared, …
- services — id, user_id, name, description, owner_team, health, error_rate_pct, log_rate_per_min, …
- spans — id, user_id, trace_id, parent_span_id, service, operation, started_at, duration_ms, …
- traces — id, user_id, root_service, operation, started_at, duration_ms, span_count, error_count, …
- user_preferences — user_id, hot_retention_days, cold_retention_days, created_at, updated_at
API (11 handlers)
- \_http
api/src/handlers/_http.ts - \_seed
api/src/handlers/_seed.ts - alerts
api/src/handlers/alerts.ts - incidents
api/src/handlers/incidents.ts - logs
api/src/handlers/logs.ts - preferences
api/src/handlers/preferences.ts - saved-searches
api/src/handlers/saved-searches.ts - services
api/src/handlers/services.ts - sources
api/src/handlers/sources.ts - streams
api/src/handlers/streams.ts - traces
api/src/handlers/traces.ts
Subscription tiers
free / pro / team — gated by: maxLogs, maxSavedSearches, maxSources, 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-payments-stripe@molecule/api-realtime-sse@molecule/api-reporting-database@molecule/api-resource-payment@molecule/api-resource-project@molecule/api-resource-user@molecule/api-search-meilisearch@molecule/app-billing-react@molecule/app-charts@molecule/app-code-editor-monaco@molecule/app-command-palette@molecule/app-data-table@molecule/app-date-range-picker@molecule/app-keyboard-shortcuts@molecule/app-virtual-scroll
Required secrets
DATABASE_URLPostgreSQL connection string
The @molecule/* packages are Apache-2.0. The app you build from this template is yours to export and self-host. Licensing