smalljs$molSearch⌘ KDocsPlaygroundCompareEcosystemAboutEN
ShowcaseGetting StartedIntroductionMental modelGetting StartedFrom TypeScript to view.treeProject StructureToolingEssentialsInstallationViewsState & ReactivityRoutingRenderingTestingDeploymentTroubleshootingDataData FetchingData SchemasGiper BazaMoreShowcaseFrom React, Vue & SvelteCookbookAdvancedPluginsModule metadataOfflineGhost viewsAboutFAQTeamReleasesAPI$mol_button_major$mol_button_minor$mol_string$mol_number$mol_text$mol_paragraph$mol_list$mol_row$mol_link$mol_check$mol_switch$mol_select$mol_scroll$mol_page$mol_pick

Showcase

Real things built with $mol — community apps, commercial products, and developer tools. Each one is a working app, not a demo.

Apps

Bog Music — a music player that runs both as a Chrome extension and a web app, with background playback and offline caching. $mol drives the UI and the local-first state. Blitz Quiz — a Kahoot-style live quiz built on $mol and Giper Baza. Rooms sync in real time through the CRDT layer, so there is no game server to run. VDO Rebalance — a local-first investing tool: drop in an .xlsx portfolio and get the trades that rebalance it. State lives in the browser over Giper Baza. RAGU — a web interface for an open-source GraphRAG engine: browse document indexes, ask questions and get answers with sources, and explore the knowledge graph extracted from them. The force-directed graph is drawn with $mol_svg_* primitives, layout and pan/zoom included, with no graph library. $hyoo_budget — a collaborative, local-first personal-budget app. It took first place at the Beautiful Code hackathon. $hyoo_talks — an embeddable messenger. A prototype built for Sberbank took second place at Moscow City Hack.

Design system & tools

BuilderUI — a shadcn-style design system for $mol: typed components (buttons, dialogs, selects, cards, charts, and more) plus a Studio for live theming (base color, accent, chart palette, radius, fonts, light/dark). This documentation site is built on it.This site — the documentation you are reading, including the Playground and course, is a $mol app. The search, live code editor, and in-browser TypeScript are all built with the framework they document.MAM — the build tool and module registry that every $mol app lives in, and itself a $mol project. It is developer tooling rather than a hosted app; the source is on GitHub.view.tree LSP — language tooling and an npm create view-tree-lsp scaffolder that starts new $mol apps. Editor tooling, so there is no running app to open.

In production

Beyond open-source and hackathon projects, $mol ships in commercial systems that earn revenue. A few of them (some run under NDA, so no links or logos):

Hackathons

$mol has won repeatedly at hackathons: first place at Beautiful Code ( $hyoo_budget), first place at AC-VO-PPR-Hackathon (gesture-and-voice control of a street display), and prize-winning prototypes at More Tech, Moscow City Hack, and Dev Hack. The $mol success-stories page has more.

More

The $mol component catalog has dozens of live components and demos you can open and inspect.Building something with $mol? The best next step is the Playground — try an idea in seconds, then share the URL.
Edit this page on GitHubWas this helpful?YesNoPreviousGiper BazaNextFrom React, Vue & Svelte
On this pageAppsDesign system & toolsIn productionHackathonsMore
Type to search the documentation.