A modern CSS framework. (Beta)
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.
Note: Since it is still in beta, its behavior may be unstable.
Via npm
$ npm install uny -S
or download ZIP file.
In addition to downloading and loading CSS and JS files, you can easily start by using CDN.
Please load the necessary file in the <head>
tag.
<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 🎉
Sorry, coming soon...
View on CHANGELOG.md
Code and documentation copyright 2017 by kokushin. Code released under the MIT License.