Components — Modern React UI Library

Overview

Welcome to the documentation! `@g4rcez/components` is a library of high-quality React components designed to help you build beautiful, accessible web applications faster than ever.

Installation

Install the library and its peer dependencies using your preferred package manager. We recommend `pnpm` for its speed and efficiency.

Terminal

pnpm install @g4rcez/components @phosphor-icons/react motion

Quick Example

Here's a simple example of how to use our components. We'll trigger a notification using the `useNotification` hook.

Interactive Demo

Our components use Framer Motion for physically-accurate animations. Try triggering a system notification.

import { Button, useNotification } from "@g4rcez/components";

function App() {
  const notification = useNotification();

  return (
    <Button 
      theme="primary" 
      onClick={() => notification("Action successful!", { theme: "success" })}
    >
      Trigger Alert
    </Button>
  );
}

Why this library?

TypeScript Native

Every component is strictly typed with full IntelliSense support and zero 'any' patterns.

A11y Compliant

Strictly adheres to WAI-ARIA patterns using Radix UI and Base UI foundations.

Theming System

Tree Shakable

Import only what you use. Minimal impact on your bundle size and lighthouse scores.