npm package: @opire/design-system
Description: <p align="center">   <img src="https://github.com/opire/.github/blob/main/assets/logo.png" alt="Opire" width="200"></a> </p>
Latest version: 0.1.0

<p align="center">
  <img src="https://github.com/opire/.github/blob/main/assets/logo.png" alt="Opire" width="200"></a>
</p>

<h1 align="center">
    Opire Design System
</h1>
<p align="center" style="font-size:1.3em;">
  The Rewards Platform for Software Developers
</p>

<p align="center">
  <a href="https://opire.dev">
    <img src="https://img.shields.io/badge/Rewarded%20by%20Opire 💚-white?style=flat&color=009387" alt="Opire">
  </a>
</p>

_Make Open-Source better: Create Bounties, Incentivize Solutions, and Earn Rewards for Your Contributions._

<p align="center">
  <a href="https://ds.opire.dev">🎨 Design System Web</a>
</p>

<h4 align="center">🌟 Star our repos to support us! ✨</h4>

This repository contains the design system for Opire. The design system is a collection of reusable components, fonts, colors, and other design elements that can be used to build a consistent and cohesive user interface across all of our products.

<p align="center">
  <a href="https://opire.dev">🌐 Website</a> •
  <a href="https://docs.opire.dev">📚 Docs</a> •
  <a href="https://github.com/marketplace/opirebot">🤖 OpireBot</a>
</p>

## ❔ Questions

The issue list of each repo is exclusively for **bug reports** and **feature requests**.

For questions, discussions and support please use our [discord](https://discord.gg/Rfq8CMZH4b) or our [reddit](https://www.reddit.com/r/opire), we are here to help and we are sure our community can contribute as well.

## 👋 Stay In Touch

<p align="center">
  <a href="https://twitter.com/opire_dev">
    <img src="https://img.shields.io/badge/%40opire_dev-white?style=for-the-badge&logo=x&logoColor=black&color=white" alt="X (formerly Twitter)">
  </a>
  <a href="https://discord.gg/Rfq8CMZH4b">
    <img src="https://img.shields.io/badge/discord-white?style=for-the-badge&logo=discord&logoColor=%237289da&color=white" alt="Discord">
  </a>
  <a href="https://www.reddit.com/r/opire">
    <img src="https://img.shields.io/badge/r%2Fopire-white?style=for-the-badge&logo=reddit&logoColor=%23FF5700&color=white" alt="Subreddit">
  </a>
  <a href="https://www.linkedin.com/company/opire">
    <img src="https://img.shields.io/badge/LinkedIn-white?style=for-the-badge&logo=linkedin&logoColor=%230077B5" alt="LinkedIn">
  </a>
  <a href="https://dev.to/opire">
    <img src="https://img.shields.io/badge/dev.to-white?style=for-the-badge&logo=dev.to&logoColor=%230A0A0A" alt="Dev.to">
  </a>
  <a href="https://opire.dev/blog">
    <img src="https://img.shields.io/badge/Blog-white?style=for-the-badge&logo=blogger&logoColor=%23121212" alt="Blog">
  </a>
</p>

## 🤝 Contribution

Please make sure to read the [Contributing Guide](https://github.com/opire/design-system/blob/main/.github/CONTRIBUTING.md) before making a pull request in any of our repositories.

Thank you to all the people who already contributed to Opire!

<p align="center">
  <a href="https://ko-fi.com/Q5Q5T9VXG">
    <img src="https://img.shields.io/badge/Support%20us-white?style=social&logo=ko-fi&color=white" alt="Support us on ko-fi.com">
  </a>
</p>

<a href="https://github.com/opire/design-system/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=opire/design-system" alt="Contributors"/>
</a>