Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/cryptix720/chronimi

chronimi is a UI framework enchated for high-class theming.
https://github.com/cryptix720/chronimi

css css3 framework sass sass-mixins

Last synced: 6 days ago
JSON representation

chronimi is a UI framework enchated for high-class theming.

Awesome Lists containing this project

README

        

![chronimi](https://github.com/Cryptix720/Chronimi/blob/master/chronimi.png)

# chronimi UI

[![CDNJS](https://img.shields.io/badge/Chronimi-1.0.0-yellowgreen.svg)](https://cdnjs.com/libraries/chronimi/)
[![GitHub issues](https://img.shields.io/github/issues/Cryptix720/Chronimi.svg)](https://github.com/Cryptix720/Chronimi/issues)
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/Cryptix720/Chronimi/master/LICENSE)
[![GitHub stars](https://img.shields.io/github/stars/Cryptix720/Chronimi.svg)](https://github.com/Cryptix720/Chronimi/stargazers)

chronimi is a UI framework enchated for high-class theming.

Key Features__

* 8000 + CSS variables
* 3 Levels of variable inheritance
* Built with EM/PX values for responsive design
* Flexbox friendly
* Navbar flour
* 30+ UI elements

chronimi allows developers to build beautiful websites fast, with **concise HTML**, **intuitive javascript**, and **simplified debugging**, helping make front-end development a delightful experience. chronimi is responsively designed allowing your website to scale on multiple devices. chronimi is production ready and partnered with frameworks such as **React**, **Angular**, **Meteor**, and **Ember**, which means you can integrate it with any of these frameworks to organize your UI layer alongside your application logic.

## 1.0.0 Release

## User Support

Please help us keep the issue tracker organized. For all questions that do not include a specific [JSFiddle test case](https://jsfiddle.net/ca0rovs3/) (bug reports), or feature request please use our user forums at [http://forums.chronimi-ui.com](http://forums.chronimi-ui.com) to discuss.

Visit our [contributing guide](https://github.com/chronimi/blob/master/CONTRIBUTING.md) for more on what should be posted to GitHub Issues.

## Install

#### Recommended Install
```bash
npm install chronimi # Use themes, import build/watch tasks into your own gulpfile.
```

#### Additional Versions

Environment | Install Script | Repo
--- | --- | --- |
CSS Only | `npm install chronimi-css` | [CSS Repo](https://github.com/Cryptix720/Chronimi/tree/master/distro/chronimi.css)
[LESS](https://github.com/less/less.js/) Only | `npm install chronimi-less` | [LESS Repo](https://github.com/chronimi/chronimi-LESS)
[LESS](https://github.com/less/less.js/) plugin | `npm install less-plugin-chronimi` | [LESS Plugin Repo](https://github.com/bassjobsen/less-plugin-chronimi/)
[EmberJS](http://emberjs.com/) | `ember install:addon chronimi-ember` | [Ember Repo](https://github.com/chronimi-Org/chronimi-Ember)
|[Meteor](https://www.meteor.com/) - [LESS](https://github.com/less/less.js/) | `meteor add chronimi:` | [Meteor Repo](https://github.com/chronimi-Meteor) |
|[Meteor](https://www.meteor.com/) - CSS | `meteor add chronimi:-css` | [CSS Repo](https://github.com/Cryptix720/Chronimi/tree/master/distro/chronimi.min.css) |
[Bower](http://bower.io/) | `bower install chronimi-` |

Check out our [integration wiki](https://github.com/chronimi-ui/wiki/Integration) for more options.

#### Browser Support

* Last 2 Versions FF, Chrome, Safari Mac
* IE 11+
* Android 4.4+, Chrome for Android 44+
* iOS Safari 7+
* Microsoft Edge 12+

Although some components will work in IE9, [grids](http://chronimi-ui.com/collections/grid.html) and other [flexbox](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes) components are not supported by IE9 and may not appear correctly.