smalljs$molHledat⌘ KDokumentacePlaygroundPorovnáníEkosystémO projektuCS
Výkladní skříňGetting StartedÚvodMyšlenkový modelZačínámeZ TypeScriptu do view.treeStruktura projektuNástrojeEssentialsInstalacePohledyStav a reaktivitaSměrováníVykreslováníTestováníNasazeníŘešení problémůDataNačítání datDatová schémataGiper BazaMoreVýkladní skříňZ React, Vue a SvelteKuchařkaAdvancedPluginyMetadata moduluOfflineGhost pohledyAboutČasté dotazyTýmVydáníAPI$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

Výkladní skříň

Skutečné věci postavené na $mol — komunitní aplikace, komerční produkty a nástroje pro vývojáře. Každá je funkční aplikace, ne ukázka.

Aplikace

Bog Music — hudební přehrávač, který běží jako rozšíření Chrome i jako webová aplikace, s přehráváním na pozadí a offline cachováním. $mol pohání rozhraní a local-first stav. Blitz Quiz — živý kvíz ve stylu Kahoot postavený na $mol a Giper Baza. Místnosti se synchronizují v reálném čase přes vrstvu CRDT, takže není třeba provozovat žádný herní server. VDO Rebalance — local-first investiční nástroj: vložte portfolio .xlsx a získáte obchody, které ho vyváží. Stav žije v prohlížeči nad Giper Baza. RAGU — webové rozhraní k open-source GraphRAG enginu: procházejte indexy dokumentů, ptejte se a dostávejte odpovědi se zdroji a zkoumejte znalostní graf z nich vytěžený. Silově řízený graf je vykreslen primitivy $mol_svg_*, včetně rozvržení i posouvání a přiblížení, bez jakékoli grafové knihovny. $hyoo_budget — kolaborativní, local-first aplikace osobního rozpočtu. Získala první místo na hackathonu Beautiful Code. $hyoo_talks — vestavitelný messenger. Prototyp postavený pro Sberbank obsadil druhé místo na Moscow City Hack.

Design systém a nástroje

BuilderUI — design systém ve stylu shadcn pro $mol: typované komponenty — tlačítka, dialogy, selecty, karty, grafy a další — plus Studio pro živé motivy (základní barva, akcent, paleta grafů, poloměr, písma, světlý/tmavý). Tento web dokumentace je na něm postavený.Tento web — dokumentace, kterou čtete, včetně Hřiště a kurzu, je aplikace $mol. Vyhledávání, živý editor kódu a TypeScript v prohlížeči jsou postavené na frameworku, který dokumentují.MAM — nástroj pro sestavení a registr modulů, v němž žije každá aplikace $mol, a sám o sobě projekt $mol. Je to nástroj pro vývojáře, ne hostovaná aplikace; zdrojový kód je na GitHubu.view.tree LSP — jazykové nástroje a generátor npm create view-tree-lsp, který zakládá nové aplikace $mol. Editorový nástroj, takže není žádná běžící aplikace k otevření.

V produkci

Kromě open-source a hackathonových projektů $mol jede i v komerčních systémech, které vydělávají. Několik z nich (některé běží pod NDA, takže bez odkazů a log):

Hackathony

$mol opakovaně vyhrával na hackathonech: první místo na Beautiful Code ( $hyoo_budget), první místo na AC-VO-PPR-Hackathonu (ovládání městské tabule gesty a hlasem) a oceněné prototypy na More Tech, Moscow City Hack a Dev Hack. Stránka příběhů úspěchu $mol má podrobnosti.

Více

Katalog komponent $mol má desítky živých komponent a ukázek, které si můžete otevřít a prohlédnout.Stavíte něco na $mol? Nejlepší další krok je Hřiště — vyzkoušejte nápad během pár vteřin a pak sdílejte URL.
Upravit tuto stránku na GitHubuBylo to užitečné?AnoNePředchozíGiper BazaDalšíZ React, Vue a Svelte
Na této stránceAplikaceDesign systém a nástrojeV produkciHackathonyVíce
Type to search the documentation.