Overview

react-var-ui is a React component library designed for variable setting and preview. It is inspired by iOS settings, react-dat-gui, and dat.gui. The library utilizes modern React practices such as hooks and functional components, and it offers a different approach compared to other similar libraries such as Leva and react-dat-gui.

Features

• Context-based Component: react-var-ui uses a Context to handle variable setting and preview instead of iterating over the children array.
• Integration with React: The library lives within the React node it is placed in, instead of floating over all content.
• Customization and Flexibility: react-var-ui utilizes local state variables, allowing for more customization and multiple instances within a project.

Installation

To install react-var-ui, you can use either npm or yarn:

npm install react-var-ui

or

yarn add react-var-ui

You will also need to include the CSS by adding the following snippet to your project:

<link rel="stylesheet" href="path/to/react-var-ui.css">

Summary

react-var-ui is a simple and flexible React component library for variable setting and preview. It offers modern React code practices and allows for customization and integration within the React node. With its unique approach and features, it provides developers with an efficient tool for handling variable settings in their projects.