@bluframe/bluframe

Blu Frame React Components and Hooks

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

UI React Components by Blu Frame

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

React Hooks by Blu Frame

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.

How to Install

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

How to import

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";

Contributing

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.

License

BluFrame React Components and Hooks are MIT licensed.