smalljs$molPesquisar⌘ KDocsPlaygroundCompararEcossistemaSobrePT
VitrineGetting StartedIntroduçãoModelo mentalPrimeiros passosDe TypeScript para view.treeEstrutura do projetoFerramentasEssentialsInstalaçãoViewsEstado e reatividadeRoteamentoRenderizaçãoTestesDeploySolução de problemasDataBusca de dadosEsquemas de dadosGiper BazaMoreVitrineDe React, Vue e SvelteLivro de receitasAdvancedPluginsMetadados de móduloOfflineVistas fantasmaAboutFAQEquipeLançamentosAPI$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

Vitrine

Coisas reais construídas com $mol — apps da comunidade, produtos comerciais e ferramentas para desenvolvedores. Cada uma é um app que funciona, não uma demo.

Apps

Bog Music — um reprodutor de música que roda tanto como extensão do Chrome quanto como app web, com reprodução em segundo plano e cache offline. O $mol conduz a interface e o estado local-first. Blitz Quiz — um quiz ao vivo no estilo Kahoot construído sobre $mol e Giper Baza. As salas sincronizam em tempo real pela camada CRDT, então não há servidor de jogo para executar. VDO Rebalance — uma ferramenta de investimento local-first: solte uma carteira .xlsx e obtenha as operações que a reequilibram. O estado vive no navegador via Giper Baza. RAGU — uma interface web para um motor GraphRAG de código aberto: percorra os índices de documentos, faça perguntas e receba respostas com fontes, explore o grafo de conhecimento extraído deles. O grafo dirigido por forças é desenhado com primitivas $mol_svg_*, incluindo o layout e o zoom com arraste, sem nenhuma biblioteca de grafos. $hyoo_budget — um app de orçamento pessoal colaborativo e local-first. Conquistou o primeiro lugar no hackathon Beautiful Code. $hyoo_talks — um mensageiro incorporável. Um protótipo construído para o Sberbank ficou em segundo lugar no Moscow City Hack.

Sistema de design e ferramentas

BuilderUI — um sistema de design no estilo shadcn para $mol: componentes tipados — botões, diálogos, selects, cards, gráficos e mais — além de um Studio para temização ao vivo (cor base, destaque, paleta de gráficos, raio, fontes, claro/escuro). Este site de documentação é construído sobre ele.Este site — a documentação que você está lendo, incluindo o Playground e o curso, é um app $mol. A busca, o editor de código ao vivo e o TypeScript no navegador são todos construídos com o framework que documentam.MAM — a ferramenta de build e o registro de módulos em que vive cada app $mol, e ele mesmo um projeto $mol. É ferramenta para desenvolvedores, não um app hospedado; o código-fonte está no GitHub.view.tree LSP — ferramenta de linguagem e um gerador npm create view-tree-lsp que inicia novos apps $mol. Ferramenta de editor, então não há app em execução para abrir.

Em produção

Além dos projetos open source e de hackathon, o $mol roda em sistemas comerciais que geram receita. Alguns deles (alguns sob NDA, então sem links nem logos):

Hackathons

O $mol venceu repetidamente em hackathons: primeiro lugar no Beautiful Code ( $hyoo_budget), primeiro lugar no AC-VO-PPR-Hackathon (controle por gestos e voz de um painel urbano) e protótipos premiados no More Tech, Moscow City Hack e Dev Hack. A página de histórias de sucesso do $mol tem os detalhes.

Mais

O catálogo de componentes $mol tem dezenas de componentes e demos ao vivo que você pode abrir e inspecionar.Construindo algo com $mol? O melhor próximo passo é o Playground — experimente uma ideia em segundos, depois compartilhe a URL.
Editar esta página no GitHubIsto foi útil?SimNãoAnteriorGiper BazaPróximoDe React, Vue e Svelte
Nesta páginaAppsSistema de design e ferramentasEm produçãoHackathonsMais
Type to search the documentation.