smalljs$molПоиск⌘ KДокументацияПесочницаСравнениеЭкосистемаО проектеRU
ВитринаGetting StartedВведениеМентальная модельБыстрый стартОт TypeScript к view.treeСтруктура проектаИнструментарийEssentialsУстановкаВьюСостояние и реактивностьРоутингРендерингТестированиеДеплойРешение проблемDataЗагрузка данныхСхемы данныхГипер БазаMoreВитринаИз React, Vue и SvelteСборник рецептовAdvancedПлагиныМетаданные модуляОфлайнGhost-вью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 и Гипер Базе. Комнаты синхронизируются в реальном времени через CRDT-слой, поэтому игровой сервер не нужен. ВДО Ребаланс — local-first инструмент для инвестиций: закиньте портфель в .xlsx и получите сделки, которые его ребалансируют. Состояние живёт в браузере поверх Гипер Базы. RAGU — веб-интерфейс к опенсорсному GraphRAG-движку: галерея индексов, вопросы с ответами по источникам и граф знаний, извлечённый из документов. Граф с силовой раскладкой нарисован примитивами $mol_svg_*, вместе с укладкой и зумом, без сторонней графовой библиотеки. $hyoo_budget — совместное, local-first приложение личного бюджета. Заняло первое место на хакатоне Beautiful Code. $hyoo_talks — встраиваемый мессенджер. Прототип, собранный для Сбербанка, занял второе место на 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? Лучший следующий шаг — Песочница: попробуйте идею за секунды, а потом поделитесь ссылкой.
Редактировать эту страницу на GitHubБыло полезно?ДаНетНазадГипер БазаВперёдИз React, Vue и Svelte
На этой страницеПриложенияДизайн-система и инструментыВ продакшенеХакатоныЕщё
Type to search the documentation.