Lightweigth React UI Component Library

Usage no npm install needed!

<script type="module">
  import nozgurozturkMercuryUi from 'https://cdn.skypack.dev/@nozgurozturk/mercury-ui';




Lightweigth React UI Component Library
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

About The Project

![Product Name Screen Shot][product-screenshot]

There are many great React UI Library accross the web, however, I didn't find one that really suit my needs so I created this enhanced one. I want to create a lightweight UI Librabry so amazing that it'll be the last one you ever need.

Here's why:

  • Other libraries include highly customizable components and that's why package size is too large for e-commerce ecosystem.

You may also suggest changes by forking this repo and creating a pull request or opening an issue.

A list of commonly used resources that I find helpful are listed in the acknowledgements.

Built With

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.


This is an example of how to list things you need to use the software and how to install them.

  • npm
npm i react react-dom


  • Add to your project
npm i @nozgurozturk/mercury-ui
  • Run with Storybook
git clone https://github.com/nozgurozturk/mercury_ui
cd mercury_ui
npm i
npm run storybook


Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request


Distributed under the MIT License. See LICENSE for more information.


Ozgur Ozturk - @nozgurozturk - ozgur@nozgurozturk.com

Project Link: https://github.com/nozgurozturk/mercury_ui