Layout & Marketing
Navbar, Hero, Section Header
LP や docs hub を組むための primitive を最初に確認できます。
Tiaraは、SSRに最適化された、ピュアNimによるモダンで超軽量なUIコンポーネントライブラリです。コンポーネント catalog、検索可能な docs、nimble install 導線までを一貫して提供します。
import tiara/components/toast
let myToast = renderToast(
message = "Ready to deploy! 🚀",
position = "bottom-right"
)
echo myToastInstall
ドキュメントを見る前に、まずは 1 コマンドで導入できます。Nimble からそのまま取得できることを コードブロックで明示し、最初の一歩を迷わせません。
nimble install tiara
website、tests、docs、examples は配布物に含めず、
軽量なパッケージとしてインストールされます。
Nimのコンパイル速度と実行速度をそのままWebに。サーバーサイドレンダリングで最速の初期ロードを実現します。
グラスモーフィズム、ダークテーマをデフォルトでサポート。美しく、アクセシブルなUIを数行のコードで実現。
コンポーネントは完全に独立しており、必要なものだけをインポートできます。独自のスタイルオーバーライドも簡単。
Catalog
example.nim と揃った内容の catalog を /components に用意し、
Buttons、Forms、Cards、Tabs、Dropdown、Carousel、Toast までを一覧で確認できます。
UI コンポーネントライブラリの HP として、導入前に全体像を掴める構成にしています。
Layout & Marketing
LP や docs hub を組むための primitive を最初に確認できます。
Forms & Inputs
フォーム入力、補助ダイアログ、基本操作 UI をまとめて試せます。
Navigation & Feedback
遷移や状態変化を扱う interactive component も catalog 上で確認できます。
Docs
専用の /docs ページでは、Getting Started、コンポーネント例、カスタマイズの入口をまとめて確認できます。
検索ボックスからキーワードで絞り込み、必要な情報にすぐ到達できます。完全なコンポーネント一覧は
/components に切り出しているため、guide と catalog の役割も分かれています。
Getting Started
Install and render your first componentDocs Search
Filter guides and components instantlyCustomization
Override default styles safelyComponent Catalog
Jump to the full example-backed showcase