主な特徴
多彩なコンポーネント
UNYで表現可能なコンポーネントの一部をお見せします。
ボタンやフォーム部品など単体で利用できるものから、リストやカードなどセットで利用できるものなど様々です。
ボタン
フォーム部品
ツリー型リスト、カード
クイックスタート
CDNの利用
ダウンロードしてCSS、JSファイルを読み込ませる方法以外にも、
CDNを利用することで簡単に始めることができます。
必要なファイルを <head> タグの中で読み込ませてください。
<link rel="stylesheet" href="https://unpkg.com/uny@latest/dist/uny.min.css">
<script src="https://unpkg.com/uny@latest/dist/uny.min.js"></script>利用したいコンポーネントのHTMLタグを記述します。
<div class="card">
<div class="card-image" style="background-image: url(https://source.unsplash.com/random);"></div>
<h3>Heading</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestiae, debitis.</p>
<p><a href="#" class="button">Download</a></p>
</div>これだけで、画像が埋め込まれたカード型のコンポーネントが表示されます 🎉
View on GitHub
UNYは @kokushing によって開発され、GitHub上にオープンソース（MITライセンス）で公開されています。
ご意見・ご要望、バグ報告やプルリクエストをぜひお寄せください！
Starを頂けるとやる気に繋がります ;)