React Components Library

A collection of reusable React components and custom hooks for building modern web applications.

Components

• Calendar: Fully-featured calendar with localization and custom rendering.
• ColorPicker: Flexible color picker supporting multiple formats and drag selection.
• CopyToClipboard: Utility for copying text to the clipboard.
• Message: Notification/message component for alerts and feedback.
• MiniCalendar: Compact calendar for date selection.
• MutateObserver: Wrapper for MutationObserver to watch DOM changes.
• OnBoarding: Step-by-step onboarding/highlight guide.
• Popover: Popover component triggered by hover or click.
• Portal: Portal implementation for rendering outside the DOM hierarchy.
• Space: Layout component for spacing elements horizontally or vertically.
• Upload: File upload component with multi-file and custom server support.
• Watermark: Watermark overlay for text or images.

Hooks

• useMountedState: Track if a component is mounted.
• useSize: Observe and respond to element size changes.

Lib

• zustand: State management lib, designed to replace to redux. It is more easy to use, more simple.

Demo

Project Demo

Getting Started

Install dependencies:

npm install

Run the development server:

npm start

Open http://localhost:3000 to view in your browser.

The app reloads automatically on edits and displays lint errors in the console.