uny

A modern taste CSS framework

  • uny

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
uny
1070.2.95 years ago5 years agoMinified + gzip package size for uny in KB

Readme

Uny
A modern CSS framework. (Beta)
Uny
https://unys.github.io/uny/

Feature

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.
View demos
Note: Since it is still in beta, its behavior may be unstable.

Installation

Via npm
$ npm install uny -S

or download ZIP file.

Quick start

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 🎉

Document

Sorry, coming soon...

Changelog

View on CHANGELOG.md

Contributor

@kokushin

License

Code and documentation copyright 2017 by kokushin. Code released under the MIT License.