Uimini

<p align="center"> <a href="https://uimini.github.io/docs/"> <img src="https://vedegis.com/uploads/uimini/meta-v2-2.png" alt="Uimini Modern and lightweight CSS framework" width="200" height="165"> </a> </p> <h3 align="center">Uimini</h3> <p align="center"> Lightweight, css only, responsive and powerful css framework for easier web development. <br> <a href="https://uimini.github.io/docs/"><strong>Explore Uimini docs »</strong></a> <br> <br> <a href="https://github.com/uimini/uimini/issues/new?assignees=-&labels=bug&template=bug_report.yml">Report bug</a> · <a href="https://github.com/uimini/uimini/issues/new?assignees=&labels=feature&template=feature_request.yml">Request feature</a> · <!-- <a href="https://uimini.github.io/docs/themes">Themes</a> --> </p>

Features

• Css only: No JavaScript need it;
• Lightweight: Only 4kb gzip with zero dependencies;
• Full responsive;
• Powerful theme customization in every detail;
• Easy combine with any frameworks from Bootstrap.css to React.js;
• Enterprise-class UI designed for web applications.

Table of contents

• Quick Start
• Download
• Layout
• Colors
• Typography
• Button
• Button-group
• Tag
• Card
• Table
• Checkbox
• Input
• Radio
• Select
• Switch
• Input-group

Quick start

Several quick start options are available:

• Download the latest release with pre-built CSS.
• Or clone the repo: git clone https://github.com/uimini/uimini/
• Or install with npm: npm install uimini
• Or install with yarn: yarn add uimini

Read the Getting started page for get more info.

Status

Browser Support

Uimini uses autoprefixer to make (most) Flexbox features compatible with earlier browser versions.

| <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /></br>IE / Edge | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /></br>Firefox | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /></br>Chrome | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /></br>Safari | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" /></br>Opera | | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | | IE10+, Edge<br/> (2012+) | 2.21+<br/>(2006+) | 4-20+<br/>(2010+) | 3.1-6+<br/>(2008+) | 12.1+<br/>(2012+) |

Bugs and feature requests

If your problem or idea is not addressed yet, please open a new issue.

Build From Source

Optionally, you can build Uimini from its source on Github.

$ git clone https://github.com/uimini/uimini.git
$ cd uimini
$ npm install
$ npm run build

Documentation

Browse the online documentation here.

Copyright and License

Code and documentation copyright 2018–2022 the Evgenii Vedegis. Code released under the MIT licensed.