Blu Frame provides a comprehensive collection of React UI Components and Hooks to enhance your web development experience. With our easy-to-use and customizable building blocks, you can quickly create beautiful and responsive web applications.

Blu Blocks is a set of UI building blocks that provide simple, elegant, and themed UI components for your web applications. Ranging from buttons and inputs to typography and content display, Blu Blocks has everything you need to create a consistent and professional-looking web app. Check out the Blu Blocks README for more information and detailed usage instructions.

Grapple is our collection of reusable React Hooks, designed to help you write shorter and more efficient code. With hooks for state management, UI interactivity, and utility functions, Grapple makes it easy to enhance your React components with additional functionality. Explore the Grapple README to learn more and see examples of how our hooks can simplify your codebase.

If you are using yarn:

yarn add @bluframe/blublocks
yarn add @bluframe/grapple

And if you are using npm:

npm i @bluframe/blublocks
npm i @bluframe/grapple

You can import the components and hooks individually or together, depending on your needs:

import Button from "@bluframe/blublocks/Button";
import usePrevious from "@bluframe/grapple/usePrevious";

Or import multiple components and hooks at once:

import { Button, InputText } from "@bluframe/blublocks";
import { usePrevious, useOnScreen } from "@bluframe/grapple";

We welcome contributions to improve BluFrame React Components and Hooks! If you'd like to contribute, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bugfix.
3. Make your changes and commit them to your branch.
4. Submit a pull request with a detailed description of your changes.

Please ensure that your code follows our coding style and passes all tests.

BluFrame React Components and Hooks are MIT licensed.