ショーケース

アプリ

Bog Music——Chrome 拡張としても Web アプリとしても動く音楽プレーヤー。バックグラウンド再生とオフラインキャッシュ付き。$mol が UI とローカルファーストな状態を駆動します。 Blitz Quiz——$mol と Giper Baza で作られた Kahoot 風のライブクイズ。ルームは CRDT 層を通じてリアルタイムに同期するので、動かすゲームサーバーはありません。 VDO Rebalance——ローカルファーストな投資ツール。.xlsx のポートフォリオを入れると、それをリバランスする取引が得られます。状態は Giper Baza 上でブラウザ内に存続します。 RAGU——オープンソースの GraphRAG エンジンの Web インターフェイス。ドキュメントの索引を眺め、出典付きの回答を得て、そこから抽出された知識グラフを探索できます。力学的レイアウトのグラフは $mol_svg_* プリミティブで描かれ、レイアウトもズームやパンも込みで、グラフライブラリは使っていません。 $hyoo_budget——協働的でローカルファーストな家計簿アプリ。Beautiful Code ハッカソンで一位を獲得しました。 $hyoo_talks——埋め込み可能なメッセンジャー。Sberbank 向けに作られた試作品が Moscow City Hack で二位を獲得しました。

デザインシステムとツール

BuilderUI——$mol 向けの shadcn 風デザインシステム。型付きコンポーネント——ボタン、ダイアログ、セレクト、カード、チャートなど——に加え、ライブテーマ設定のための Studio（ベースカラー、アクセント、チャートパレット、角丸、フォント、ライト／ダーク）。このドキュメントサイトはその上に作られています。このサイト——あなたが読んでいるドキュメントは、 プレイグラウンドや コースを含め、$mol アプリです。検索、ライブコードエディター、ブラウザ内 TypeScript は、すべてそれらが説明する当のフレームワークで作られています。MAM——すべての $mol アプリが宿るビルドツールとモジュールレジストリであり、それ自体も $mol プロジェクトです。ホスト型アプリというより開発者向けツールで、ソースは GitHub にあります。view.tree LSP——言語ツールと、新しい $mol アプリを立ち上げる npm create view-tree-lsp スキャフォルダー。エディター用ツールなので、開ける稼働中のアプリはありません。

本番運用

ハッカソン

$mol はハッカソンで何度も勝ってきました。Beautiful Code で一位（ $hyoo_budget）、AC-VO-PPR-Hackathon で一位（街頭ディスプレイをジェスチャーと音声で制御）、そして More Tech、Moscow City Hack、Dev Hack での受賞試作品。$mol の サクセスストーリーのページに詳細があります。

もっと見る

$mol コンポーネントカタログには、開いて調べられるライブなコンポーネントとデモが何十もあります。

$mol で何か作っていますか？次の一歩に最適なのは プレイグラウンドです——数秒でアイデアを試し、URL を共有しましょう。