Pattern Library & Style Guide by Cloudy knot

このサイトは、フリーランスのWeb開発・制作者であるCloudy knotが更新・管理しているパターンライブラリおよびスタイルガイドです。

Components(UI)は随時、作成追加・メンテ更新。8分類41種(base style除く)掲載 - 2023/3
詳細については以下のドキュメントもご参照ください。

Pattern Library & Style Guide by Cloudy knot (外部リンク)


←左側メニュー:UI分類 (Components)の説明

No. category name 日本語説明
1. Static UI 静的UI (JS not used)
2. Dynamic UI 動的UI (Use JS)
3. Form UI フォームUI
4. Control コントロール系
5. Effect 演出・効果
6. Layout 配置・割付規則
7. Typography 文字表現
8. Utility 汎用パターン

使い方・参照方法

Components(UI)詳細画面の下部「View」タブ内からHTML、「Assets」タブ内からCSS、JavaScript(使用されている場合)コードのファイル名(style.css、index.js)を選び、コード参照が可能です。

スライドパネルのコンテンツ画像1