Code transformers and svelte preprocessor for use in Minna UI projects.


Keywords
css, html, minify-html, minna-ui, postcss-runner, postcss, svelte, svelte-preprocessor, wearegenki, css-framework, design-system, javascript, web-components
License
Apache-2.0
Install
npm install @minna-ui/preprocess@0.22.1-beta.1

Documentation

Build status Coverage status NPM version Licence PRs Welcome

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 a Svelte or any other JavaScript framework project 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 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 — 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:

Documentation

To see live examples and the docs, visit wearegenki.github.io/minna-ui.

Browser compatibility

If you choose to use the CSS Grid Layout options the framework provides, you'll be limited to browsers that support it. 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.

Licence

Minna UI is an Apache-2.0 licensed open source project. See LICENCE.


© 2019 We Are Genki