Prezentacja

Aplikacje

Bog Music — odtwarzacz muzyki działający zarówno jako rozszerzenie Chrome, jak i aplikacja webowa, z odtwarzaniem w tle i buforowaniem offline. $mol napędza interfejs i stan local-first. Blitz Quiz — quiz na żywo w stylu Kahoot zbudowany na $mol i Giper Baza. Pokoje synchronizują się w czasie rzeczywistym przez warstwę CRDT, więc nie ma serwera gry do uruchamiania. VDO Rebalance — narzędzie inwestycyjne local-first: wrzuć portfel .xlsx i otrzymaj transakcje, które go równoważą. Stan żyje w przeglądarce dzięki Giper Baza. RAGU — interfejs webowy dla otwartoźródłowego silnika GraphRAG: przeglądaj indeksy dokumentów, zadawaj pytania i dostawaj odpowiedzi ze źródłami, badaj wydobyty z nich graf wiedzy. Graf o układzie siłowym rysują prymitywy $mol_svg_*, wraz z układem oraz zoomem i przesuwaniem, bez żadnej biblioteki do grafów. $hyoo_budget — kolaboracyjna, local-first aplikacja budżetu osobistego. Zajęła pierwsze miejsce na hackathonie Beautiful Code. $hyoo_talks — osadzalny komunikator. Prototyp zbudowany dla Sberbanku zajął drugie miejsce na Moscow City Hack.

System projektowy i narzędzia

BuilderUI — system projektowy w stylu shadcn dla $mol: typowane komponenty — przyciski, dialogi, selecty, karty, wykresy i więcej — plus Studio do motywowania na żywo (kolor bazowy, akcent, paleta wykresów, promień, czcionki, jasny/ciemny). Ta strona dokumentacji jest na nim zbudowana.Ta strona — dokumentacja, którą czytasz, w tym Playground i kurs, jest aplikacją $mol. Wyszukiwarka, edytor kodu na żywo i TypeScript w przeglądarce są zbudowane w frameworku, który dokumentują.MAM — narzędzie do budowania i rejestr modułów, w którym żyje każda aplikacja $mol, a samo jest projektem $mol. To narzędzie dla programistów, a nie hostowana aplikacja; kod źródłowy jest na GitHubie.view.tree LSP — narzędzia językowe i generator npm create view-tree-lsp, który startuje nowe aplikacje $mol. Narzędzia edytorskie, więc nie ma działającej aplikacji do otwarcia.

W produkcji

Hackathony

$mol wielokrotnie wygrywał na hackathonach: pierwsze miejsce na Beautiful Code ( $hyoo_budget), pierwsze miejsce na AC-VO-PPR-Hackathon (sterowanie gestami i głosem miejskiego wyświetlacza) oraz nagradzane prototypy na More Tech, Moscow City Hack i Dev Hack. Strona historii sukcesu $mol ma szczegóły.

Więcej

Katalog komponentów $mol ma dziesiątki komponentów i dem na żywo, które możesz otworzyć i sprawdzić.

Budujesz coś w $mol? Najlepszy następny krok to Playground — wypróbuj pomysł w kilka sekund, potem udostępnij URL.