smalljs$molSuche⌘ KDokuPlaygroundVergleichÖkosystemÜberDE
SchaufensterGetting StartedEinführungMentales ModellErste SchritteVon TypeScript zu view.treeProjektstrukturWerkzeugeEssentialsInstallationViewsZustand und ReaktivitätRoutingRenderingTestenDeploymentFehlerbehebungDataDatenabrufDatenschemasGiper BazaMoreSchaufensterVon React, Vue und SvelteKochbuchAdvancedPluginsModul-MetadatenOfflineGhost-AnsichtenAboutFAQTeamReleasesAPI$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

Schaufenster

Echte Dinge, die mit $mol gebaut wurden — Community-Apps, kommerzielle Produkte und Entwicklerwerkzeuge. Jedes ist eine funktionierende App, keine Demo.

Apps

Bog Music — ein Musikplayer, der sowohl als Chrome-Erweiterung als auch als Web-App läuft, mit Hintergrundwiedergabe und Offline-Caching. $mol treibt die Oberfläche und den local-first Zustand an. Blitz Quiz — ein Kahoot-artiges Live-Quiz, gebaut auf $mol und Giper Baza. Räume synchronisieren sich in Echtzeit über die CRDT-Schicht, es gibt also keinen Spielserver zu betreiben. VDO Rebalance — ein local-first Investment-Werkzeug: legen Sie ein .xlsx-Portfolio ab und erhalten Sie die Trades, die es neu ausbalancieren. Der Zustand lebt im Browser über Giper Baza. RAGU — eine Weboberfläche für eine quelloffene GraphRAG-Engine: Dokumentindizes durchsehen, Fragen stellen und Antworten mit Quellen erhalten, den daraus extrahierten Wissensgraphen erkunden. Der kräftebasierte Graph wird mit $mol_svg_*-Primitiven gezeichnet, samt Layout sowie Zoomen und Verschieben, ganz ohne Graphbibliothek. $hyoo_budget — eine kollaborative, local-first Haushaltsbuch-App. Sie belegte den ersten Platz beim Beautiful-Code-Hackathon. $hyoo_talks — ein einbettbarer Messenger. Ein für Sberbank gebauter Prototyp belegte den zweiten Platz beim Moscow City Hack.

Designsystem und Werkzeuge

BuilderUI — ein shadcn-artiges Designsystem für $mol: typisierte Komponenten — Buttons, Dialoge, Auswahlfelder, Karten, Diagramme und mehr — plus ein Studio für Live-Theming (Basisfarbe, Akzent, Diagrammpalette, Radius, Schriftarten, Hell/Dunkel). Diese Dokumentationsseite ist darauf gebaut.Diese Seite — die Dokumentation, die Sie lesen, einschließlich Playground und Kurs, ist eine $mol-App. Die Suche, der Live-Code-Editor und das TypeScript im Browser sind alle mit dem Framework gebaut, das sie dokumentieren.MAM — das Build-Werkzeug und die Modul-Registry, in der jede $mol-App lebt, und selbst ein $mol-Projekt. Es ist Entwicklerwerkzeug statt einer gehosteten App; der Quellcode liegt auf GitHub.view.tree LSP — Sprachwerkzeuge und ein npm create view-tree-lsp-Generator, der neue $mol-Apps startet. Editor-Werkzeug, es gibt also keine laufende App zu öffnen.

Im Produktiveinsatz

Über Open-Source- und Hackathon-Projekte hinaus steckt $mol in kommerziellen Systemen, die Umsatz erwirtschaften. Einige davon (manche laufen unter NDA, daher ohne Links oder Logos):

Hackathons

$mol hat wiederholt bei Hackathons gewonnen: erster Platz bei Beautiful Code ( $hyoo_budget), erster Platz beim AC-VO-PPR-Hackathon (Gesten- und Sprachsteuerung einer Stadtanzeige) und preisgekrönte Prototypen bei More Tech, Moscow City Hack und Dev Hack. Die Erfolgsgeschichten-Seite von $mol hat die Details.

Mehr

Der $mol-Komponentenkatalog hat Dutzende von Live-Komponenten und Demos, die Sie öffnen und inspizieren können.Bauen Sie etwas mit $mol? Der beste nächste Schritt ist der Playground — probieren Sie eine Idee in Sekunden aus und teilen Sie dann die URL.
Diese Seite auf GitHub bearbeitenWar das hilfreich?JaNeinZurückGiper BazaWeiterVon React, Vue und Svelte
Auf dieser SeiteAppsDesignsystem und WerkzeugeIm ProduktiveinsatzHackathonsMehr
Type to search the documentation.