Feature
Various components
I will show you some of the components that can be expressed in UNY.
Various things such as buttons and form parts that can be used by itself, things such as lists and cards that can be used as a set.
Button
Form parts
Tree type list, Card
Learn more
If you want to check all the components included in version 0.1 (beta version),
please see the following page.
Quick start
Using CDN
In addition to downloading and loading CSS and JS files,
you can easily start by using CDN.
Add the following description in the <head> tag of the web page you want to use UNY.
<link rel="stylesheet" href="https://unpkg.com/uny@latest/dist/css/uny.min.css">
<script src="https://unpkg.com/uny@latest/dist/js/uny.min.js"></script>Write the HTML tag of the component you want to use.
<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>This alone displays the card type component with the image embedded 🎉
Document
Usage, introduction of other functions, component introduction etc.
are described in detail in the document.
Two kinds of documents are prepared, English and Japanese.
View on GitHub
UNY was developed by @kokushing and is open source (MIT license) on GitHub.
Please send us feedback, requests, bug reports and pull requests!
If you like it, please press Star ;)