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

https://github.com/Project-Mikoshi/mikoshi-ui

A React UI Component library features Google's Material Design system and glassmorphis.
https://github.com/Project-Mikoshi/mikoshi-ui

front-end glassmorphism javascript material-ui react typescript vite webdevelopment webpack

Last synced: 8 months ago
JSON representation

A React UI Component library features Google's Material Design system and glassmorphis.

Awesome Lists containing this project

README

          



Project Mikoshi

Project Mikoshi

[![CI](https://github.com/anthony-y-zhu14/MikoshiUI/actions/workflows/CI.yml/badge.svg)](https://github.com/anthony-y-zhu14/MikoshiUI/actions/workflows/CI.yml)
[![CD](https://github.com/anthony-y-zhu14/MikoshiUI/actions/workflows/CD.yml/badge.svg?branch=master)](https://github.com/anthony-y-zhu14/MikoshiUI/actions/workflows/CD.yml)
[![react@18.2.0](https://img.shields.io/badge/react-18.2.0-61dafb?logo=react)](https://react.dev/blog)
[![node@21.4.0](https://img.shields.io/badge/node-21.4.0-339933?logo=nodedotjs)](https://nodejs.org/en/blog/release/v21.4.0)
[![npm@10.2.4](https://img.shields.io/badge/npm-10.2.4-cb3837?logo=npm)](https://docs.npmjs.com/cli/v10/using-npm/changelog#1024-2023-11-14)
[![lerna@8.0.1](https://img.shields.io/badge/lerna-8.0.1-9333ea?logo=lerna)](https://lerna.js.org/docs/introduction)
[![nx@17.2.6](https://img.shields.io/badge/nx-17.2.6-143055?logo=nx)](https://nx.dev/changelog)

**Mikoshi** contains foundational React UI component libraries for shipping new features faster.

- @mikoshi/components is a comprehensive library of components that features Google's [Material Design](https://material.io/design/introduction/) system based on [Material-UI](https://mui.com/)

- @mikoshi/styles is a collection of sass mixins and utilities that serves as a unified style reference across the components and applications

## Packages

[![@mikoshi/components](https://img.shields.io/npm/v/%40mikoshi/components?logo=npm&label=%40mikoshi%2Fcomponents&labelColor=ba000d&color=2196f3)](https://www.npmjs.com/package/@mikoshi/components)
[![@mikoshi/styles](https://img.shields.io/npm/v/%40mikoshi/styles?logo=npm&label=%40mikoshi%2Fstyles&labelColor=1565c0&color=2196f3)](https://www.npmjs.com/package/@mikoshi/styles)
[![@mikoshi/utils](https://img.shields.io/npm/v/%40mikoshi/utils?logo=npm&label=%40mikoshi%2Futils&labelColor=7b1fa2&color=2196f3)](https://www.npmjs.com/package/@mikoshi/utils)

## License

This project is licensed under the terms of the
[MIT license](/LICENSE).