GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → WeAreGenki → Minna Ui

WeAreGenki / Minna Ui

Licence: apache-2.0
😸 A fast, friendly, and fun web UI kit for everyone.

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Labels

sveltepostcssweb-componentscss-frameworkdesign-system

Projects that are alternatives of or similar to Minna Ui

kahi-ui
Straight-forward Svelte UI for the Web
Stars: ✭ 169 (+96.51%)
Mutual labels:  css-framework, svelte, design-system
Daisyui
⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components
Stars: ✭ 382 (+344.19%)
Mutual labels:  css-framework, design-system, postcss
storify
Instagram/Whatsapp stories clone built on Web Components and Web Animations API. 🔥
Stars: ✭ 64 (-25.58%)
Mutual labels:  postcss, web-components
sodium-ui
Sodium is a simple, modular and customizable web component library to build elegant and accessible UI pieces for your React Application.
Stars: ✭ 23 (-73.26%)
Mutual labels:  web-components, design-system
Poi
⚡A zero-config bundler for JavaScript applications.
Stars: ✭ 5,291 (+6052.33%)
Mutual labels:  svelte, postcss
elements
Lovingly crafted ui components based on web components. Works well with all Frameworks - including Angular, React and Vue.
Stars: ✭ 42 (-51.16%)
Mutual labels:  web-components, design-system
sapper-postcss-template
A template that includes Sapper for Svelte and PostCSS preprocessing with Tailwind CSS
Stars: ✭ 84 (-2.33%)
Mutual labels:  postcss, svelte
sapper-template-rollup
Starter Rollup template for Sapper apps using postcss, cssnano, tailwindcss, and svelte-preprocess.
Stars: ✭ 32 (-62.79%)
Mutual labels:  postcss, svelte
svelteit
Svelteit is a minimalistic UI/UX component library for Svelte and Sapper projects
Stars: ✭ 64 (-25.58%)
Mutual labels:  css-framework, svelte
Blazor.fast
A tiny wrapper around Fast and Fluent Web Components to integrate with Blazor and easily use the EditForm components
Stars: ✭ 23 (-73.26%)
Mutual labels:  design-system, web-components
Clarity
Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
Stars: ✭ 6,398 (+7339.53%)
Mutual labels:  design-system, web-components
Svelte Flat
Flat UI components built with Svelte.
Stars: ✭ 13 (-84.88%)
Mutual labels:  web-components, svelte
bui
‹b› Web components for creating applications – built by Blackstone Publishing using lit-html and lit-element
Stars: ✭ 29 (-66.28%)
Mutual labels:  web-components, design-system
sircus
Flexible Modular CSS Family for Designing in the Browser.
Stars: ✭ 19 (-77.91%)
Mutual labels:  postcss, css-framework
svelte-webcomponents
A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.
Stars: ✭ 22 (-74.42%)
Mutual labels:  web-components, svelte
assembler
A modern UI framework
Stars: ✭ 171 (+98.84%)
Mutual labels:  css-framework, design-system
Stylable
Stylable - CSS for components
Stars: ✭ 1,109 (+1189.53%)
Mutual labels:  design-system, web-components
carbon-components-svelte
Svelte implementation of the Carbon Design System
Stars: ✭ 1,615 (+1777.91%)
Mutual labels:  svelte, design-system
fortune
🔮Fortune is your friendly CSS properties framework.
Stars: ✭ 16 (-81.4%)
Mutual labels:  postcss, css-framework
Carbon Components Svelte
Svelte implementation of the Carbon Design System
Stars: ✭ 685 (+696.51%)
Mutual labels:  design-system, svelte
View All Similar Projects ➔

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 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 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.

Made with 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.

© 2020 We Are Genki

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].