Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

unys/uny

Open more actions menu

Repository files navigation

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
@steelydylan

License

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

Packages

No packages published

Contributors 2

  •  
  •  

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.