Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/wearegenki/minna-ui

😸 A fast, friendly, and fun web UI kit for everyone.
https://github.com/wearegenki/minna-ui

css-framework design-system javascript minna-ui postcss svelte wearegenki web-components

Last synced: about 13 hours ago
JSON representation

😸 A fast, friendly, and fun web UI kit for everyone.

Awesome Lists containing this project

README

        

[![Build status](https://img.shields.io/github/workflow/status/WeAreGenki/minna-ui/ci)](https://github.com/WeAreGenki/minna-ui/actions)
[![Coverage status](https://img.shields.io/codeclimate/coverage/WeAreGenki/minna-ui)](https://codeclimate.com/github/WeAreGenki/minna-ui)
[![NPM version](https://img.shields.io/npm/v/minna-ui.svg)](https://www.npmjs.com/package/minna-ui)
[![Licence](https://img.shields.io/npm/l/minna-ui.svg)](https://github.com/WeAreGenki/minna-ui/blob/master/LICENCE)
![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)

# Minna UI

😸 A fast, friendly, and fun web UI kit for everyone.

A UI kit for building things with web technology which aims to be pragmatic, intuitive, and high performance. Simple to use as standalone CSS and web components. Supports advanced use in Svelte or any other JavaScript framework projects too.

皆, みんな, or _minna_, is a Japanese adverb and verb meaning all, everyone, or everybody. It embodies the idea that through mindful attention to [universal design](https://en.wikipedia.org/wiki/Universal_design) concepts the framework can work well for everybody; _everyone's UI_.

**_NOTE: Minna UI is in early development. Before we reach v1.0.0, minor releases may contain breaking changes._**

## Overview

The Minna UI framework is designed around the types of projects we do at [We Are Genki](https://wearegenki.com) — ecommerce, microsites, and next-gen progressive web apps — but it's flexible so you can build any UI on the web. It aims to strike a balance between easy to use predefined styles, utilities for rapid prototyping, and opinionated but customisable web components.

Under the hood components use the Svelte JavaScript framework so Minna UI is a great match for your Svelte based projects. All components are also available precompiled for easy use in any web project regardless of which framework you use.

**Features:**

- Mindful attention to universal design principals
- Simple functional design aesthetic
- Microinteractions
- High performance

**Technologies:**

- [Svelte](https://svelte.technology) components
- [PostCSS](http://postcss.org) powered CSS
- [CSS Grid Layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout)

## Documentation

To see [live examples](https://wearegenki.github.io/minna-ui/#/examples) and the docs, visit [wearegenki.github.io/minna-ui](https://wearegenki.github.io/minna-ui).

## Made with Minna UI

- [New Tab](https://github.com/MaxMilton/new-tab) browser extension
- [Homie Bot](https://github.com/MaxMilton/homie-bot) home automation platform

## Browser compatibility

If you choose to use the [CSS Grid Layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) options the framework provides, you'll be limited to [browsers that support it](http://caniuse.com/#feat=css-grid). Minimum browser versions include:

- Chrome for Android 61
- Android browser 56
- iOS Safari 10.3
- Chrome 57
- Firefox 52
- Safari 10.1
- Edge 16
- Opera 46

_NOTE: Old browser compatibility via progressive fallback is possible and we'll add examples in the future._

## Changelog

See [CHANGELOG](CHANGELOG.md).

## Licence

Minna UI is an Apache-2.0 licensed open source project. See [LICENCE](https://github.com/WeAreGenki/minna-ui/blob/master/LICENCE).

---

© 2020 [We Are Genki](https://wearegenki.com)