@molecule/* packages

A Molecule package is one composable piece of a full-stack app: a core interface, a provider bond that implements it with a vendor or library, or a ready-made feature. Swap a provider and the rest of the app does not change.

925 packages in 425 categories. All Apache-2.0, all on npm. See them composed into app templates

achievement-card (1)

action-menu (1)

activity (3)

activity-feed (2)

activity-timeline (1)

address-display (1)

adjustment-slider (1)

  • @molecule/app-adjustment-slider-react — Bipolar (zero-center) adjustment slider for photo-editor / DAW / animation parameters (brightness, exposure, gain, etc.) with double-click reset and arrow-key nudging

admin-table (1)

ai (12)

ai-agents (2)

ai-assistant (2)

ai-chat (2)

ai-classification (2)

ai-copilot (2)

  • @molecule/app-ai-copilot — Inline AI suggestion (copilot) core interface — editor-style completions streamed from your backend for a prefix/suffix cursor context, with accept/reject/abort.
  • @molecule/app-ai-copilot-default — Default HTTP/SSE copilot provider for inline AI suggestions

ai-document-extraction (1)

ai-email-composer (1)

ai-embeddings (3)

  • @molecule/api-ai-embeddings — Text embeddings core interface — turn text into vectors for semantic search, clustering, and similarity scoring via a swappable AI provider.
  • @molecule/api-ai-embeddings-local — Local offline embeddings provider for molecule.dev — runs bge-small (384-dim) in-process via Transformers.js; no API key or network at query time
  • @molecule/api-ai-embeddings-openai — OpenAI embeddings provider for molecule.dev — text-embedding-3-small/large

ai-image-generation (3)

ai-image-generation-pipeline (1)

ai-image-generator (2)

ai-models (2)

ai-moderation-pipeline (1)

ai-quiz-generation (1)

ai-rag (2)

  • @molecule/api-ai-rag — ai-rag core interface for molecule.dev.
  • @molecule/api-ai-rag-llm — LLM-backed retrieval-augmented-generation provider for molecule.dev — composes semantic-search (embeddings + vector-store) and the ai chat bond for grounded answers

ai-rag-qa (1)

ai-speech (3)

ai-summarization (2)

ai-translation (2)

ai-vector-store (5)

ai-voice (4)

  • @molecule/app-ai-voice — Voice input/output core interface — speech-to-text transcripts and text-to-speech playback with feature detection (Web Speech in the default bond).
  • @molecule/app-ai-voice-default — Default ai-voice provider for molecule.dev — uses the browser Web Speech API
  • @molecule/app-ai-voice-parakeet — On-device NVIDIA Parakeet ai-voice provider for molecule.dev — leaderboard-accuracy speech-to-text in the browser via parakeet.js (WebGPU/WASM)
  • @molecule/app-ai-voice-whisper — On-device Whisper ai-voice provider for molecule.dev — speech-to-text in the browser via transformers.js (WebGPU/WASM)

ai-workflow-engine (1)

amount-input (1)

analytics (8)

animation-renderer (1)

  • @molecule/api-animation-renderer — Server-side animation rendering — render an animation document to Lottie JSON or MP4/GIF (frame-by-frame via canvas-render + ffmpeg). Queue-driven.

annotation-pin (1)

  • @molecule/app-annotation-pin-react — Pin/annotation marker overlay with click-to-place pins and label/note popups for 3d-model-viewer, image annotations, map pins, hotspot tours

announcement-bar (1)

audio (2)

audio-player (1)

audio-recorder (1)

audio-render (1)

  • @molecule/api-audio-render — Offline multi-track audio mixdown — renders an AudioSession to WAV/MP3/FLAC via FFmpeg, queue-driven.

audio-waveform (1)

audit (3)

audit-log-row (1)

auth (11)

auth-brand-header (1)

auth-modal (1)

  • @molecule/app-auth-modal-react — In-app login / signup modal + click-interceptor + popup OAuth — authenticate and upgrade without ever navigating away or losing work

auth-shell (1)

  • @molecule/app-auth-shell-react — Auth-page layout shell — centered card with heading/subheading/form/footer + back-link below. Composable children for per-app decorative background + brand mark.

author-bio-card (1)

avatar-stack (1)

bias-indicator (1)

billing (1)

  • @molecule/app-billing-react — React pricing page + checkout flow that consumes /api/billing/* (provided by @molecule/api-entitlements + the @molecule/api-payments capability, any provider bond)

billing-routes (1)

  • @molecule/api-billing-routes — Drop-in /billing/* routes (checkout, cancel, portal) + defineTiers helper. Wires to @molecule/api-payments-stripe via the bond system.

bond (2)

bonds-default (2)

  • @molecule/api-bonds-default-express — Default API bond setup for Express apps — per-concern setup functions plus a consolidated setup, wiring the byte-identical bond configuration (config-env, database, jwt, middleware, password, secrets, device, two-factor, and more) shared across the molecule fleet.
  • @molecule/app-bonds-default-react — Default app-side bond wirings for React + Tailwind ClassMap + react-router + localStorage + fonts + icons. Per-concern setup functions plus setupAllDefaultBonds, consolidating the byte-identical per-app bond wiring across the fleet.

bookings (1)

  • @molecule/api-resource-booking — Booking/reservation resource with availability checking, lifecycle management, rescheduling, and resource-scoped queries.

bookmarks (1)

breach-check (1)

bulk-action-toolbar (1)

cache (4)

calendar (5)

canvas-engine (1)

  • @molecule/app-canvas-engine-react — Vector design-tool canvas engine — rect/ellipse/line/path/text/group, multi-select + alignment + group/ungroup, snap-to-grid, undo/redo, blend modes. Thin wrapper consuming @molecule/app-feature-canvas-react.

canvas-render (1)

card-grid (1)

cart (1)

channel (7)

  • @molecule/api-channel — Outbound messaging channel core interface (Slack/Discord/WhatsApp/Telegram/Messenger)
  • @molecule/api-channel-capture — Channel capture provider for molecule.dev
  • @molecule/api-channel-discord — Discord channel bond — implements @molecule/api-channel for sendMessage, ed25519 webhook signature verification, and inbound interaction parsing.
  • @molecule/api-channel-messenger — Facebook Messenger channel bond — implements @molecule/api-channel for sendMessage via the Send API, X-Hub-Signature-256 webhook verification, and inbound entry/messaging parsing.
  • @molecule/api-channel-slack — Slack channel bond — implements @molecule/api-channel for sendMessage, webhook signature verification, and inbound event parsing.
  • @molecule/api-channel-telegram — Telegram channel bond — implements @molecule/api-channel for sendMessage, sendPhoto/sendDocument, secret-token webhook verification, and inbound update parsing (message/callback_query/inline_query).
  • @molecule/api-channel-whatsapp — WhatsApp channel bond — implements @molecule/api-channel via the WhatsApp Cloud API for sendMessage (text/template/interactive), x-hub-signature-256 HMAC-SHA256 webhook verification, and inbound message parsing.

chapter-list (1)

chart-wrapper (1)

charts (2)

  • @molecule/app-charts — Framework-agnostic chart interface (createChart/createLineChart/… + swappable ChartProvider); built-in provider renders text placeholders only — bond a real provider for production charts
  • @molecule/app-charts-chartjs — Chart.js provider for @molecule/app-charts — renders real line/bar/pie/doughnut/area/scatter/bubble/radar/polar charts (the built-in default draws placeholders only)

chatbot-tester (1)

checklist (1)

ci (1)

class-schedule (1)

  • @molecule/app-class-schedule-react — Weekly class-schedule grid — 7-day × N-hour time grid with absolutely positioned events, click-event vs click-empty-slot dispatch, side-by-side stacking for overlaps

clipboard (1)

code-block (1)

code-editor (2)

code-sandbox (5)

collapsible-section (1)

color-picker (3)

color-swatch-picker (1)

command-palette (2)

  • @molecule/app-command-palette — Command palette core interface for molecule.dev — Cmd+K palette with hierarchical groups, nested pages, and fuzzy search
  • @molecule/app-command-palette-cmdk — Headless cmdk-style command palette state provider for @molecule/app-command-palette (no cmdk dependency; app renders the UI)

comments (1)

comparison-row (1)

compliance (2)

  • @molecule/api-compliance — GDPR and data compliance core interface for molecule.dev — user data export, deletion, consent management, and processing logs
  • @molecule/api-compliance-gdpr — GDPR compliance provider for molecule.dev — user data export, deletion, consent management, and processing logs

config (2)

contact-display (1)

contact-form (1)

conversation (1)

core (4)

countdown (1)

country-flags (2)

cron (3)

crypto-prices (3)

currency-display (1)

danger-zone (1)

data-table (2)

data-table-ui (1)

  • @molecule/app-data-table-ui-react — Card data table + table chrome primitives (toolbar, footer, row-with-actions, empty row) — standalone, renders its own table elements

database (5)

database-remote (1)

  • @molecule/api-database-remote — Remote-database driver for database-admin flagship — connects to user-supplied Postgres/MySQL/SQLite databases for inspection, schema browsing, and query execution.

date-range-picker (2)

day-timeline (1)

detail-header (1)

  • @molecule/app-detail-header-react — React detail-page header: title, subtitle, status, actions, meta row, optional search slot (leading slot for avatar/back-button)

detail-page-layout (1)

device (1)

diff-viewer (1)

drag-drop (2)

  • @molecule/app-drag-drop — Drag-and-drop core interface for molecule.dev — sortable lists, draggable items, and droppable zones
  • @molecule/app-drag-drop-dndkit — Headless dnd-kit-style drag-drop state provider for @molecule/app-drag-drop (no @dnd-kit dependency; app owns the drag listeners)

drawing-toolbar (1)

drug-database (2)

e2e-fixtures-default (1)

  • @molecule/app-e2e-fixtures-default — Shared Playwright test + expect with an auto-attached browser console-error/pageerror guard: every spec fails hard on a runtime exception (React mount failure, ESM/CJS interop error, unhandled rejection) instead of passing green against a blank page.

editor-layout (1)

editor-toolbar (1)

email (6)

email-templates (1)

  • @molecule/api-email-templates — Transactional email templates: i18n-driven subject/text/html templates with variable interpolation, sent via the bonded email transport

emails (1)

emails-inbound (4)

embed-snippet (1)

embeddable-chat-widget (1)

emoji-reactions (1)

empty-state (1)

encryption (2)

  • @molecule/api-encryption — Field-level encryption core interface for molecule.dev — encrypt, decrypt, hash, verify, and rotate keys
  • @molecule/api-encryption-aes — AES-256-GCM encryption provider for molecule.dev — authenticated encryption, SHA-256 hashing, and key rotation

entitlements (1)

  • @molecule/api-entitlements — Tier-based entitlements: typed quantitative limits per subscription plan, plan-key cache, and tier-aware middleware factories

equity-prices (4)

error-boundary (1)

error-tracking (3)

esign (2)

exif-panel (1)

  • @molecule/app-exif-panel-react — EXIF metadata renderer for photo-sharing apps — camera, lens, aperture, shutter, ISO, focal length, GPS, timestamp

export-pptx (1)

external-auth (2)

  • @molecule/api-external-auth — External-auth verification interface for molecule.dev — verify a user token issued by an imported app's own auth platform (Supabase, Firebase, Clerk, …) via a swappable provider bond.
  • @molecule/api-external-auth-supabase — Supabase external-auth provider for molecule.dev — anon-key JWT verification (no secret needed), lazy anon/PostgREST clients, and a service-role client when the user connects SUPABASE_SERVICE_ROLE_KEY.

feature-animation-canvas (1)

feature-audio-effects-rack (1)

feature-audio-mixer (1)

feature-barcode-scanner (1)

feature-canvas (1)

  • @molecule/app-feature-canvas-react — Shared pan/zoom/select/transform infrastructure + node/edge primitives + pointer-event utilities for whiteboard / mind-map / design-canvas / presentation slide-canvas wrappers

feature-flag-row (1)

feature-flags (2)

feature-image-canvas (1)

  • @molecule/app-feature-image-canvas-react — Canvas2D image-editing surface — accepts an image source, applies a filter chain (brightness, contrast, saturation, hue, sepia, grayscale, blur, sharpen), supports zoom + pan, exports back to data URL

feature-piano-roll (1)

feature-transport-bar (1)

feature-video-scrubber (1)

  • @molecule/app-feature-video-scrubber-react — Frame-accurate video scrubber for video-editor — timeline strip with thumbnail filmstrip, playhead, and frame-by-frame stepping; composes with @molecule/app-feature-video-timeline-react

feed-podcast (1)

feed-rss (1)

  • @molecule/api-feed-rss — RSS/Atom/JSON Feed producer — pure-function serializers for RSS 2.0, Atom 1.0, JSON Feed 1.1; emits valid XML/JSON with full XML escaping and CDATA wrapping. Includes optional HTTP handler factory.

feed-rss-parser (1)

  • @molecule/api-feed-rss-parser — RSS/Atom/JSON Feed parser — normalizes RSS 2.0, Atom 1.0, RDF 1.0, and JSON Feed into a uniform { feed, items[] } shape.

file-card (1)

file-dropzone (1)

file-upload (2)

filter-bar (1)

flashcard-card (1)

flights (2)

floating-action-button (1)

flow-canvas (1)

follows (1)

fonts (19)

forms (1)

formula-engine (1)

  • @molecule/api-formula-engine — Spreadsheet-style formula evaluator: parser, evaluator, dependency tracker for cell graphs with arithmetic, comparison, string ops, references, aggregations, conditionals, date/text functions, and circular-ref detection.

forum-thread-row (1)

framework (6)

fx-rates (3)

geolocation (4)

git-provider (5)

  • @molecule/api-git-provider — Abstract interface for a git hosting provider — OAuth endpoints, token auth shape, repository listing and lookup — so an app can support GitHub, GitLab, Gitea or any other host without naming one.
  • @molecule/api-git-provider-gitea — Git hosting provider for Gitea (gitea.com) — OAuth endpoints, token auth shape, repository listing and lookup.
  • @molecule/api-git-provider-github — Git hosting provider for GitHub (github.com) — OAuth endpoints, token auth shape, repository listing and lookup.
  • @molecule/api-git-provider-gitlab — Git hosting provider for GitLab (gitlab.com) — OAuth endpoints, token auth shape, repository listing and lookup.
  • @molecule/api-git-provider-smolforge — Git hosting provider for SmolForge (forge.smol.ai) — OAuth endpoints, token auth shape, repository listing and lookup.

git-workspace (1)

  • @molecule/api-git-workspace — Multi-repo git workspace utilities — discover every repository in a polyrepo workspace (including nested, gitignored and bare ones), checkpoint uncommitted work, bundle each repo to a single file, and verify an archive reconstructs the workspace before anything is released.

grade (1)

gradebook (1)

  • @molecule/app-gradebook-react — Gradebook UI — table of grades (course / assignment / letter / numeric / weight / contribution-to-GPA) plus optional GpaCard hero

graph-view (1)

habit-streak-card (1)

heatmap (1)

help-button (1)

hero-metric-card (1)

home-page (1)

  • @molecule/app-home-page-react — Authenticated home page rendering a personalized greeting (h2 with user name or fallback). Reads auth + i18n; styled via ClassMap.

hotels (2)

http (5)

http-inspector (1)

i18n (193)

i18n-default (1)

  • @molecule/app-i18n-default-react — Default i18n bond setup with 80-language definitions, lazy-loading wrapper, and locale persistence via storage bond. Used by every flagship app — 113 lines of byte-identical wiring across the fleet.

iap (1)

icons (2)

ide (3)

image (3)

image-compositor (1)

image-crop (2)

imap (1)

  • @molecule/api-imap — IMAP client core for per-user mailboxes (distinct from outbound transactional bonds).

import-export (2)

inbox-row (1)

info-display (1)

inline-edit (1)

integration-card (1)

inventory (1)

job-listing-row (1)

join-code (1)

  • @molecule/app-join-code-react — Multi-slot join-code input with auto-advance, paste-to-fill, and alphabet validation. Used for live quiz join, virtual classroom room codes, and similar short-code entry UX.

jwt (2)

kanban (2)

  • @molecule/app-kanban — Kanban board core interface for molecule.dev — columns, cards, drag-to-move, WIP limits, and state subscriptions
  • @molecule/app-kanban-default — Default provider for @molecule/app-kanban — in-memory kanban board state management

kanban-board (1)

keyboard (1)

keyboard-shortcuts (2)

kpi-card (1)

kyc (2)

  • @molecule/api-kyc — KYC / identity verification core interface for molecule.dev — provider-neutral contract for Stripe Identity, Persona, Onfido, Sumsub.
  • @molecule/api-kyc-stripe-identity — Stripe Identity KYC bond for molecule.dev — document + selfie verification, normalized status, signed webhooks.

layer-panel (1)

  • @molecule/app-layer-panel-react — Photoshop-style reorderable layer stack with visibility/lock toggles, opacity/blend-mode metadata, and inline rename — drag-to-reorder via pointer events

leaderboard (1)

  • @molecule/api-leaderboard — Generic ranked-aggregate engine: record metrics, compute leaderboards over daily/weekly/monthly/all-time windows with rank tie-breaking, scope isolation, and cron rollup.

leaderboard-list (1)

leaderboard-row (1)

lifecycle (1)

list-item-row (1)

listing-card (1)

live-preview (2)

locales (1)

  • @molecule/app-locales-legal-default — Default privacy policy + terms of service HTML content in 74 languages, with {{appName}} interpolation. Replaces per-app locales/<lang>/privacyPolicy.ts and termsOfService.ts files that ship byte-identical across the fleet.

log-viewer (1)

logger (6)

loyalty-tier-badge (1)

map-drawing (1)

  • @molecule/app-map-drawing-react — Map polygon / circle / pin / line drawing primitives for geofence editing — composes with @molecule/app-maps for the underlying map backend

maps (2)

  • @molecule/app-maps — Map provider contract (markers, overlays, viewport, events) with a built-in placeholder provider — bring your own map SDK provider
  • @molecule/app-maps-leaflet — Leaflet + OpenStreetMap provider for @molecule/app-maps — renders real slippy maps with markers/popups/overlays, no API key (the built-in default draws a grey placeholder)

markdown (2)

media-streaming (2)

  • @molecule/api-media-streaming — Media streaming core interface for molecule.dev — create adaptive streams, transcode, generate manifests, and retrieve segments
  • @molecule/api-media-streaming-hls — HLS media streaming provider for molecule.dev — ffmpeg-based segmentation, transcoding, and M3U8 playlist generation

medication-row (1)

message-bubble (1)

message-preview (1)

middleware (3)

middleware-request-logging (1)

middleware-validation (1)

mind-map-canvas (1)

  • @molecule/app-mind-map-canvas-react — React mind-map canvas — tree-structured nodes with parent/child links, automatic radial/horizontal/vertical tree layout, fold/unfold subtrees, inline edit-on-double-click; thin domain wrapper over @molecule/app-feature-canvas-react.

mini-calendar (1)

mock-server (1)

moderation (1)

moderation-queue (1)

monitoring (2)

multi-tenancy (2)

  • @molecule/api-multi-tenancy — Multi-tenant data isolation core interface for molecule.dev — tenant lifecycle, context switching, and middleware integration
  • @molecule/api-multi-tenancy-schema — Multi-tenancy provider for molecule.dev — request-scoped active-tenant context (AsyncLocalStorage), an in-process tenant registry, and secure-by-default HTTP header resolution middleware. Provides tenant CONTEXT only: it does no database work and does not isolate data — the app scopes its own queries by getTenant().

muscle-group-badge (1)

native (23)

network (1)

newsletter-signup (1)

node-editor-panel (1)

note-card (1)

notification-badge (1)

notification-center (4)

notification-feed (1)

notifications (5)

notifications-page (1)

notifications-preferences (1)

now-playing-bar (1)

nps-distribution (1)

nutrition-database (2)

oauth-buttons (1)

  • @molecule/app-oauth-buttons-react — Config-driven OAuth provider button row composing @molecule/app-oauth-logos-react with layout variants (horizontal / vertical / grid) and brand-themed inline colors

oauth-client (2)

  • @molecule/api-oauth-client — OAuth 2.0 client core interface for molecule.dev — consume external OAuth APIs with authorization, token exchange, refresh, and revocation
  • @molecule/api-oauth-client-generic — Generic OAuth 2.0 client provider for molecule.dev — standard authorization code flow with PKCE support

oauth-logos (1)

  • @molecule/app-oauth-logos-react — Canonical OAuth provider brand logos (GitHub, Google, GitLab, Twitter/X, Apple, Facebook, Microsoft, LinkedIn, Discord) as React SVG components — identical across every app regardless of icon bond

oembed (1)

  • @molecule/api-oembed — oEmbed consumer + producer — discovers oEmbed endpoints and fetches normalized embed payloads (rich-link cards, Notion-style embeds).

onboarding-modal (1)

openapi (1)

order-timeline (1)

orders (1)

  • @molecule/api-resource-order — Order management resource with status tracking, lifecycle transitions, cancellation, refunds, and event history.

page-chrome (1)

pagination-bar (1)

password (2)

password-generator (1)

password-strength-meter (1)

payments (6)

payroll-tax-us (1)

  • @molecule/api-payroll-tax-us — Federal + state US payroll tax calculator (FICA, Medicare, federal income tax withholding via IRS Pub 15-T 2024/2025 brackets, state withholding registry).

pdf (3)

permissions (3)

photo-lightbox (1)

plan-updated-page (1)

platform (1)

presence-indicator (1)

price-range-slider (1)

pricing-page (1)

pricing-table (1)

products (1)

progress-bar (1)

progress-rings (1)

project (1)

project-archive (2)

  • @molecule/api-project-archive — Project archive core interface — pack a dormant project (source + database dump) into a verified artifact in cold storage and restore it on demand, via swappable providers.
  • @molecule/api-project-archive-object-storage — Object-storage project archive provider — gzipped POSIX tar artifact persisted through the bonded uploads provider (S3, R2, B2, MinIO, filesystem), with a post-upload read-back verification gate. Zero external dependencies.

project-archive-external-state (4)

  • @molecule/api-project-archive-external-state-d1 — Captures and restores a project's Cloudflare D1 databases via wrangler, so archiving a Workers project does not silently drop its data.
  • @molecule/api-project-archive-external-state-mysql — Back up and restore a project's MySQL or MariaDB database as part of a project archive — captures it with mysqldump (single-transaction, routines, triggers, events) and restores it with the mysql client, refusing any dump that is not provably complete. Credentials never reach argv. Zero external dependencies.
  • @molecule/api-project-archive-external-state-postgresql — Back up and restore a project's PostgreSQL database as part of a project archive — captures it with pg_dump --format=custom into an archive part and puts it back with pg_restore, proving the dump decodes in full before the caller is allowed to destroy the original.
  • @molecule/api-project-archive-external-state-sqlite — Back up and restore a project's SQLite database file as part of a project archive — snapshots it with SQLite's own VACUUM INTO (never a file copy, which can capture a torn database whose -wal/-shm siblings do not match) and verifies the snapshot with integrity_check plus a schema and row-count digest before trusting it.

property (1)

proxy-agent (1)

  • @molecule/api-proxy-agent — CONNECT-capable HTTP(S) proxy agent built from the standard proxy environment (HTTPS_PROXY / HTTP_PROXY / NO_PROXY), for vendor SDKs that build their own HTTP agent and ignore it.

push (1)

push-notifications (3)

pwa-default (1)

  • @molecule/app-pwa-default — Default registerPWA() — periodic update checks, styled update banner with i18n labels, multi-tab reload coordination, focus-triggered SW update check, error recovery on fatal SW errors. Lifts 147 lines of byte-identical PWA wiring shipped by every flagship app.

qr-code (2)

queue (5)

quiz-card (1)

quiz-grading (1)

  • @molecule/api-quiz-grading — Multi-question-type grading engine: multi-choice, true-false, type-answer, fill-blank, numeric, matching with optional partial credit and speed bonus.

rank-score (1)

  • @molecule/api-rank-score — Pure-function ranking algorithms (HN decay, Reddit hot/best/controversial, recency, score).

rate-limit (3)

rating-display (1)

rating-form (1)

reactions (1)

reading-progress-bar (1)

realtime (7)

realtime-rooms (1)

  • @molecule/api-realtime-rooms — Realtime rooms abstraction: named pub/sub rooms with membership, capacity, join codes, role-based auth, built atop @molecule/api-realtime.

recurring-schedule (1)

  • @molecule/api-recurring-schedule — RRULE-style schedule engine: next-occurrence and expand-occurrences-in-window for recurring events (daily/weekly/monthly/yearly with interval, byday/bymonthday, count/until termination).

relative-time (1)

reorderable-list (1)

reporting (2)

reputation (1)

reputation-badge (1)

resource (1)

resource-address (1)

resource-api-key (1)

resource-course (1)

resource-device-auth-token (1)

resource-event-type (1)

resource-feature-flag (1)

resource-firmware (1)

resource-forum-thread (1)

resource-invoice (1)

resource-journal-entry (1)

resource-medication (1)

resource-meeting (1)

resource-message (1)

resource-payment-method (1)

resource-readings (1)

resource-room-type (1)

resource-share (1)

resource-task (1)

resource-template (1)

resource-wiki-page (1)

resource-workspace (1)

reviews (1)

rich-text (2)

routing (5)

rule-builder (1)

  • @molecule/app-rule-builder-react — Visual condition / rule builder — nested AND / OR groups of field-operator-value leaves, used for feature-flag targeting, automation triggers, segmentation, and IoT scenarios

scheduler (3)

search-autocomplete (1)

secret-row (1)

secrets (4)

section-divider (1)

server-default (1)

  • @molecule/api-server-default-express — Default Express server factory: bonds setup, DB migrations, body/cookie/cors middleware, /api router mount, /health endpoint, 401 normalization, optional HTTPS via self-signed pem certs. Extracts 80-line server.ts shipped by 79 fleet apps.

service-worker-default (1)

  • @molecule/app-service-worker-default — Default workbox-based service worker setup: precache manifest, app-shell navigation routing, PNG image cache with StaleWhileRevalidate, SKIP_WAITING handler. Extracts 48 lines × 123 fleet apps of byte-identical SW boilerplate.

settings-actions-bar (1)

settings-container (1)

settings-panel (1)

  • @molecule/app-settings-panel-react — Composable settings panel — a SettingsContainer + family of section sub-components (Account, Auth, Notifications, Billing, Devices, ThisDevice, LogOutDelete). Apps compose via JSX children, picking which sections to include and what order.

shell-layout (1)

shipping (3)

sitemap (2)

slide-thumbnail (1)

sms (4)

smtp (1)

  • @molecule/api-smtp — Direct SMTP send client — sends mail through a user-supplied SMTP server (distinct from transactional email provider bonds).

social-share-buttons (1)

sort-picker (1)

spaced-repetition (1)

sparkline (1)

splash-screen (1)

spreadsheet-grid (1)

  • @molecule/app-spreadsheet-grid-react — High-performance virtualized spreadsheet cell grid with frozen rows/columns, range selection, copy/paste as TSV, and in-cell editing — pairs with @molecule/api-formula-engine

stack-fingerprint (1)

  • @molecule/api-stack-fingerprint — Error stack-trace fingerprinting (group similar errors) via SHA-1 of normalized frames. Pure functions: input = error stack + metadata, output = stable fingerprint hash + grouping key.

stage-timeline (1)

staging (3)

state (4)

status-badge (1)

status-bar (1)

status-dashboard (2)

status-page (2)

status-summary (1)

status-timeline (1)

  • @molecule/app-status-timeline-react — Vertical ordered-step status timeline: dots colored by reached state, current step bolded — generic for orders, workflows, kanban progressions

stepper (3)

storage (6)

storefront-chrome (1)

streak (1)

styling (2)

subscribers (1)

subscription-plan-card (1)

survey-question (1)

  • @molecule/app-survey-question-react — Multi-type survey-question renderer (11 kinds: multi-choice, true-false, short/long text, numeric, rating-scale, NPS, date, file-upload, matrix)

tab-filter (1)

tag-input (1)

tags (1)

templating (3)

testing (1)

theme (3)

thread-tree (1)

  • @molecule/app-feature-thread-tree-react — Nested comment tree with per-node collapse, auto-collapse below a configurable depth, and parent-line indicator. Recursive renderer with depth-based indentation and reply / vote slots.

threads (1)

three-viewer (1)

ticker-row (1)

time-slot-picker (1)

timeline (2)

timeline-ui (1)

top-nav-layout (1)

tour (2)

trace-waterfall (1)

track-lane (1)

  • @molecule/app-feature-track-lane-react — Horizontal track lane primitive for music-DAW, video-editor, animation-tool — a single row in a multi-track timeline rendering draggable/resizable clips on a time-base axis

transactions-table (1)

trash (1)

  • @molecule/api-trash — Polymorphic soft-delete + restore + purge helper for any resource (note-taking, doc-collab, kanban, project-management, wiki, etc.).

travel (2)

  • @molecule/api-travel — Travel trip-planning aggregator (flights + hotels + cars + activities) core interface for molecule.dev
  • @molecule/api-travel-amadeus — Amadeus travel trip-planning aggregator (flights + hotels + activities) provider for molecule.dev

tree-view (2)

trend-chip (1)

two-factor (2)

typing-indicator (1)

ui (11)

utilities (1)

vendor-card (1)

version (1)

version-history (1)

video (2)

  • @molecule/app-video — Video playback core — provider-swappable player interface with a built-in native HTML5 provider (MP4/WebM/Ogg; HLS/DASH require a custom provider)
  • @molecule/app-video-hls — hls.js provider for @molecule/app-video — plays HLS (.m3u8) streams in every browser with adaptive bitrate (the built-in HTML5 default only plays HLS in Safari)

video-call-controls (1)

video-meetings (2)

  • @molecule/api-video-meetings — Scheduled video-meetings core interface — meeting lifecycle (create, get, update, delete) and listing, with stable join URLs — with swappable provider bonds (Zoom, Google Meet, Microsoft Teams, Webex). Distinct from @molecule/api-video-rooms (ephemeral rooms): meetings are scheduled events with a start time, duration, and shareable join URL. Used by meeting-scheduler, ai-meeting-notes, calendar integrations, and tele-counselling apps.
  • @molecule/api-video-meetings-zoom — Zoom video meetings provider for molecule.dev. Implements @molecule/api-video-meetings via the Zoom REST v2 API with Server-to-Server OAuth (account-level token caching) and per-request user-OAuth token support.

video-player (1)

video-render (1)

  • @molecule/api-video-render — FFmpeg-driven server-side video rendering, queue-driven (MP4 export). Wraps ffmpeg with a Renderer interface and a worker entry-point compatible with a queue bond (e.g. @molecule/api-queue-redis).

video-rooms (3)

  • @molecule/api-video-rooms — Real-time video rooms core interface — room lifecycle, signed meeting tokens, and cloud recordings — with swappable provider bonds (Daily.co default; LiveKit, Twilio Video, Agora alternates). Used by virtual-classroom, telemedicine, video-conferencing, and screen-sharing apps.
  • @molecule/api-video-rooms-daily-co — Daily.co video rooms provider for molecule.dev. Implements @molecule/api-video-rooms via the Daily.co REST API.
  • @molecule/api-video-rooms-livekit — LiveKit video rooms provider for molecule.dev. Implements @molecule/api-video-rooms via the LiveKit Server API (Twirp transport) and HS256 JWT meeting tokens via livekit-server-sdk. Self-hostable + LiveKit Cloud.

video-timeline (1)

virtual-scroll (2)

vite-config-default (1)

  • @molecule/app-vite-config-default — Drop-in createDefaultViteConfig() factory used by every flagship app vite.config.ts. Captures react + tailwindcss + VitePWA plugin setup, molecule package pre-bundle exclusion, dev server proxy, env conventions.

vote-cluster (1)

wallet-pass (1)

  • @molecule/api-wallet-pass — Apple Wallet (.pkpass) + Google Wallet pass-object generation. Signs Apple manifests with CMS detached signatures and Google pass JWTs with RS256. Framework-neutral HTTP handlers for ticket / coupon delivery.

wearable (3)

  • @molecule/api-wearable — Wearable cloud-API ingestion core — normalized contract for Fitbit, Oura, Withings, and other consumer wearable providers (daily activity, sleep, heart-rate, weight).
  • @molecule/api-wearable-fitbit — Fitbit Web API bond for molecule.dev — daily activity, sleep, heart-rate, and weight via OAuth 2.0 PKCE.
  • @molecule/api-wearable-oura — Oura Ring Cloud API v2 bond for molecule.dev — daily activity, sleep (REM/deep/light), and heart-rate via OAuth 2.0. Returns empty weight data — Oura does not track body weight.

weather (3)

  • @molecule/api-weather — Provider-agnostic weather data interface (current observations, daily and hourly forecasts) with WMO 4677 codes and metric units.
  • @molecule/api-weather-open-meteo — Open-Meteo weather provider — keyless, free for non-commercial use, emits WMO 4677 codes natively.
  • @molecule/api-weather-openweather — OpenWeather (One Call API 3.0) weather provider — paid-tier alternative to Open-Meteo with SLA. Maps OpenWeather condition codes onto WMO 4677 for cross-provider compatibility.

weather-card (1)

webhook (4)

webhook-inspector (1)

whiteboard-canvas (1)

  • @molecule/app-whiteboard-canvas-react — React whiteboard canvas — pen / marker / eraser / sticky-note / line / arrow / shape / text tools layered on top of @molecule/app-feature-canvas-react

wiki-page-header (1)

word-cloud (1)

workflow (2)

  • @molecule/api-workflow — Workflow/state machine core interface for molecule.dev — definitions, instances, transitions, and event history.
  • @molecule/api-workflow-database — Database-backed workflow provider — stores definitions, instances, and event history via the abstract DataStore.