UNY

It's modern CSS framework. Beta

UNY is a simple CSS framework. In addition to the basic components such as cards and buttons,
it is also possible to extend theme files.

Demos

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

Heading

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestiae, debitis.

Download

Learn more

If you want to check all the components included in version 0.1 (beta version),
please see the following page.

Demos

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.

Coming soon ;)

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 ;)

GitHub page