okp4/ui

import { Meta } from '@storybook/addon-docs'
import './main.scss'

<Meta title="Welcome" />

# Welcome!

> The OKP4 Design System is a collection of clear guidelines, components, and resources that was created to aid in the design and development of our
Web3.0 digital products in the [OKP4](https://okp4.network) Ecosystem, and more generally in the [Cosmos](https://cosmos.network) Ecosystem.

<div style={{ textAlign: 'center', padding: '10px 0 10px' }}>
  <a href="https:/github.com/okp4/ui" style={{ padding: '0 10px' }}>
    <img src="https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&amp;logo=github&amp;logoColor=white" alt="GitHub" />
  </a>
  <a href="https://discord.gg/GHNZh4SaJ3" style={{ padding: '0 10px' }}>
    <img src="https://img.shields.io/badge/Discord-%237289DA.svg?style=for-the-badge&amp;logo=discord&amp;logoColor=white" alt="Discord" />
  </a>
  <a href="?path=/docs/getting-started--page" style={{ padding: '0 10px' }}>
    <img src="https://img.shields.io/badge/🚀%20Get-Started-lightgrey?style=for-the-badge" alt="Get started" />
  </a>
  <a href="https://opensource.org/licenses/BSD-3-Clause" style={{ padding: '0 10px' }}>
    <img src="https://img.shields.io/badge/License-BSD_3--Clause-blue.svg?style=for-the-badge" alt="License" />
  </a>
</div>

## What is it?

The OKP4 Design System is an open-source set of components and resources created to facilitate the design and development of web interfaces in the [OKP4](https://okp4.network) Ecosystem.

This design system serves as a fantastic tool for all those around the world who work on web3.0 digital products in the OKP4 Ecosystem in the first place, but more generally in the [Cosmos](https://cosmos.network) Ecosystem, and who wish to design and develop decentralized applications with speed, consistency, reliability and quality.

## The scope

The scope of the OKP4 Design System is very wide: from elementary components (buttons, cards, file input, text field, toast, typography, etc.) to more complex components addressing concrete and common Use Cases (token faucet, wallet management, [Cosmos](https://cosmos.network) blockchains exploration, etc.). 

> The project is still young, but the development is intensive. Stay tuned! 👀

## Ready to Get Started?

You can start by following the tutorial in our [Getting Started](?path=/docs/getting-started--page) page to learn how to build and use the project.

## Contributors

Thank you to everyone ❤️ who has contributed to the code so far. We're always looking for contributors to help us fix bugs, build new features,
or help us improve the project documentation.

<div style={{ textAlign: 'center', padding: '5px 0px 30px' }}>
  <a href="https://github.com/okp4/.github/blob/main/CONTRIBUTING.md">
    <img src="https://img.shields.io/badge/🤝%20Get-Involved%20yourself%21-informational?style=for-the-badge" alt="Get Involved yourself" />
  </a>
</div>

<a href="https://github.com/okp4/ui/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=okp4/ui" />
</a>