Skip to main content
components

Introduction

Accessible, customizable React components. Build your interface, your way.

Package@g4rcez/componentsSectionGetting Started

A collection of React components built with TypeScript and CSS design tokens. Explore the examples, find the right building blocks, and make them your own.

Get startedInstall the library and build your first interface.Make it yoursSet up your theme with colors and design tokens.

Installation

Get started by installing the package using your preferred package manager.

bash
pnpm install @g4rcez/components

Next, follow the setup guide for peer dependencies and theme configuration.

Your first component

Basic Usage Example

Import a component and make it part of your interface.

tsx
"use client";
import { Button } from "@g4rcez/components";
import { SparkleIcon } from "@phosphor-icons/react";

function BasicUsage() {
  return (
    <Button theme="primary">
      <SparkleIcon className="size-4" />
      Hello, Component!
    </Button>
  );
}

Find your next building block

Explore components by the job you need them to do.

Collect inputForms, fields, and selection controlsDisplay informationTables, cards, and data presentationAdd interactionDialogs, menus, and floating elements