smalljs$molПошук⌘ KДокументаціяПісочницяПорівнянняЕкосистемаПро проєктUK
ВітринаGetting StartedВступМентальна модельПочаток роботиВід TypeScript до view.treeСтруктура проєктуІнструментарійEssentialsВстановленняВидиСтан і реактивністьМаршрутизаціяРендерингТестуванняДеплойРозв'язання проблемDataОтримання данихСхеми данихGiper BazaMoreВітринаЗ React, Vue та SvelteЗбірник рецептівAdvancedПлагіниМетадані модуляОфлайнПодання-привидиAboutЧасті питанняКомандаРелізи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

Вітрина

Справжні речі, зроблені на $mol — застосунки спільноти, комерційні продукти й інструменти для розробників. Кожне — це робочий застосунок, а не демо.

Застосунки

Bog Music — музичний плеєр, що працює і як розширення Chrome, і як вебзастосунок, із фоновим відтворенням і офлайн-кешуванням. $mol керує інтерфейсом і станом local-first. Blitz Quiz — жива вікторина в стилі Kahoot на $mol і Giper Baza. Кімнати синхронізуються в реальному часі через шар CRDT, тож ігрового сервера запускати не треба. VDO Rebalance — інвестиційний інструмент local-first: закиньте портфель .xlsx і отримайте угоди, що його ребалансують. Стан живе в браузері поверх Giper Baza. RAGU — вебінтерфейс до опенсорсного GraphRAG-рушія: галерея індексів, запитання з відповідями за джерелами і граф знань, видобутий з документів. Граф із силовим розкладом намальовано примітивами $mol_svg_*, разом з укладанням і масштабуванням, без сторонньої графової бібліотеки. $hyoo_budget — спільний, local-first застосунок особистого бюджету. Він посів перше місце на хакатоні Beautiful Code. $hyoo_talks — вбудовуваний месенджер. Прототип, зроблений для Sberbank, посів друге місце на Moscow City Hack.

Дизайн-система та інструменти

BuilderUI — дизайн-система в стилі shadcn для $mol: типізовані компоненти — кнопки, діалоги, селекти, картки, графіки та інше — плюс Studio для живого налаштування теми (базовий колір, акцент, палітра графіків, радіус, шрифти, світла/темна). Цей сайт документації побудований на ній.Цей сайт — документація, яку ви читаєте, зокрема Пісочниця і курс, — це застосунок $mol. Пошук, живий редактор коду й TypeScript у браузері — усе побудоване на фреймворку, який вони документують.MAM — інструмент збірки й реєстр модулів, у якому живе кожен застосунок $mol, і сам собою проєкт $mol. Це інструментарій для розробників, а не розміщений застосунок; вихідний код на GitHub.view.tree LSP — мовний інструментарій і генератор npm create view-tree-lsp, що започатковує нові застосунки $mol. Редакторський інструментарій, тож немає запущеного застосунку, щоб відкрити.

У продакшені

Окрім опенсорсних і хакатонних проєктів, $mol працює й у комерційних системах, що приносять дохід. Кілька з них (частина під NDA, тож без посилань і логотипів):

Хакатони

$mol неодноразово перемагав на хакатонах: перше місце на Beautiful Code ( $hyoo_budget), перше місце на AC-VO-PPR-Hackathon (керування вуличним дисплеєм жестами й голосом) і призові прототипи на More Tech, Moscow City Hack і Dev Hack. Сторінка історій успіху $mol містить деталі.

Ще

Каталог компонентів $mol містить десятки живих компонентів і демо, які можна відкрити й роздивитися.Будуєте щось на $mol? Найкращий наступний крок — Пісочниця: спробуйте ідею за секунди, потім поділіться URL.
Редагувати цю сторінку на GitHubЦе було корисно?ТакНіНазадGiper BazaДаліЗ React, Vue та Svelte
На цій сторінціЗастосункиДизайн-система та інструментиУ продакшеніХакатониЩе
Type to search the documentation.