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

https://github.com/alphacode-technologies/qbit

UI element library designed for developing React-based user interfaces using Tailwind CSS.
https://github.com/alphacode-technologies/qbit

component hacktoberfest library react skin

Last synced: over 1 year ago
JSON representation

UI element library designed for developing React-based user interfaces using Tailwind CSS.

Awesome Lists containing this project

README

          


Qbit logo

Qbit Design

[![License](https://img.shields.io/badge/license-Apache%202.0-blue)](https://github.com/AlphaCode-Technologies/qbit)
[![pnpm](https://img.shields.io/badge/package-pnpm-ffc700?logo=pnpm)](https://pnpm.io/)
[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-%2338B2AC?logo=tailwindcss&logoColor=white)](https://tailwindcss.com/)
[![Vitest](https://img.shields.io/badge/Vitest-%2300DC82?logo=vitest&logoColor=white)](https://vitest.dev/)
[![Storybook](https://img.shields.io/badge/Storybook-%23FF4785?logo=storybook&logoColor=white)](https://storybook.js.org/)

[Qbit Design](https://qbit.design) is an Ui element library designed for developing [React](https://react.dev/)-based user interfaces using [Tailwind CSS](https://tailwindcss.com/). It helps developers streamline their workflow by providing prebuilt elements with a clear separation between logic and UI design. By leveraging these components, developers can implement interfaces more efficiently while maintaining flexibility.

## Documentation

Get started in the [Qbit Design Documentation](https://docs.qbit.design/).

**Note:** `@next` points to pre-releases.
Use `@latest` for the latest stable release.

## Installation

To install the [Qbit Design](https://qbit.design), run the following command:

```bash
pnpm install qbit
```

### Requirements

- [Node.js](https://nodejs.org/en/blog/release/v22.11.0) **22.11.0** or later

## Sponsors & backers

Please visit our official page for the detailed view for the [sponsors](https://qbit.design/contribute)

## Questions

For the FAQs and other details please visit the [Faq Docs](https://docs.qbit.design/docs/Support)

## Examples

For the sample usage of the elements please visit our [storyBook](https://alphacode-kirushnarajg.github.io/alpha-elements/?path=/docs)

## Contributing

Read the [contributing guide](https://docs.qbit.design/docs/contributing-guide)in the documentation learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.

## Changelog

The [changelog](https://docs.qbit.design/docs/Changlog) is regularly updated to reflect what's changed in each new release.

## License

This project is licensed under the terms of the [Apache license](https://www.apache.org/licenses/LICENSE-2.0).

## Our Community links

Please join with our social medias for get in touch with us and more updates

- [Qbit](https://docs.qbit.design/)
- [Reddit](https://www.reddit.com/)
- [Discord](https://discord.gg/CMBZxMx2Ae)
- [LinkedIn](https://www.linkedin.com)
- [Quora](https://qbitdesign.quora.com/)