smalljs$molCerca⌘ KDocumentazionePlaygroundConfrontoEcosistemaInformazioniIT
VetrinaGetting StartedIntroduzioneModello mentalePer iniziareDa TypeScript a view.treeStruttura del progettoStrumentiEssentialsInstallazioneVisteStato e reattivitàRoutingRenderingTestingDeploymentRisoluzione dei problemiDataRecupero datiSchemi di datiGiper BazaMoreVetrinaDa React, Vue e SvelteRicettarioAdvancedPluginMetadati del moduloOfflineViste fantasmaAboutFAQTeamReleaseAPI$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

Vetrina

Cose reali costruite con $mol — app della comunità, prodotti commerciali e strumenti per sviluppatori. Ognuna è un'app funzionante, non una demo.

App

Bog Music — un lettore musicale che funziona sia come estensione di Chrome sia come app web, con riproduzione in background e cache offline. $mol guida l'interfaccia e lo stato local-first. Blitz Quiz — un quiz dal vivo in stile Kahoot costruito su $mol e Giper Baza. Le stanze si sincronizzano in tempo reale attraverso il livello CRDT, quindi non c'è alcun server di gioco da eseguire. VDO Rebalance — uno strumento di investimento local-first: inserisci un portafoglio .xlsx e ottieni le operazioni che lo riequilibrano. Lo stato vive nel browser tramite Giper Baza. RAGU — un'interfaccia web per un motore GraphRAG open source: sfoglia gli indici dei documenti, fai domande e ottieni risposte con le fonti, esplora il grafo di conoscenza estratto da essi. Il grafo a forze è disegnato con primitive $mol_svg_*, layout, zoom e trascinamento compresi, senza alcuna libreria per grafi. $hyoo_budget — un'app di budget personale collaborativa e local-first. Ha conquistato il primo posto all'hackathon Beautiful Code. $hyoo_talks — una messaggistica incorporabile. Un prototipo costruito per Sberbank ha ottenuto il secondo posto al Moscow City Hack.

Sistema di design e strumenti

BuilderUI — un sistema di design in stile shadcn per $mol: componenti tipizzati — pulsanti, dialoghi, select, card, grafici e altro — più uno Studio per la personalizzazione del tema dal vivo (colore di base, accento, palette dei grafici, raggio, font, chiaro/scuro). Questo sito di documentazione è costruito su di esso.Questo sito — la documentazione che stai leggendo, incluso il Playground e il corso, è un'app $mol. La ricerca, l'editor di codice dal vivo e il TypeScript nel browser sono tutti costruiti con il framework che documentano.MAM — lo strumento di build e il registro dei moduli in cui vive ogni app $mol, ed esso stesso un progetto $mol. È strumentazione per sviluppatori più che un'app ospitata; il codice sorgente è su GitHub.view.tree LSP — strumentazione di linguaggio e un generatore npm create view-tree-lsp che avvia nuove app $mol. Strumentazione da editor, quindi non c'è alcuna app in esecuzione da aprire.

In produzione

Oltre ai progetti open source e da hackathon, $mol gira in sistemi commerciali che generano ricavi. Alcuni di essi (alcuni sotto NDA, quindi senza link né loghi):

Hackathon

$mol ha vinto ripetutamente agli hackathon: primo posto a Beautiful Code ( $hyoo_budget), primo posto all'AC-VO-PPR-Hackathon (controllo tramite gesti e voce di un display urbano) e prototipi premiati a More Tech, Moscow City Hack e Dev Hack. La pagina delle storie di successo di $mol ne riporta i dettagli.

Altro

Il catalogo dei componenti $mol contiene decine di componenti e demo dal vivo che puoi aprire e ispezionare.Stai costruendo qualcosa con $mol? Il miglior passo successivo è il Playground — prova un'idea in pochi secondi, poi condividi l'URL.
Modifica questa pagina su GitHubÈ stato utile?NoPrecedenteGiper BazaSuccessivoDa React, Vue e Svelte
In questa paginaAppSistema di design e strumentiIn produzioneHackathonAltro
Type to search the documentation.