CRZ-UI

A lightweight, composable React 19 component library with 57+ components, built with TypeScript and Emotion.

Install

pnpm add crz-ui @emotion/react @emotion/styled

Quick Start

import { CrzThemeProvider, CrzButton } from 'crz-ui';

function App() {
  return (
    <CrzThemeProvider>
      <CrzButton variant="filled" color="primary">
        Get Started
      </CrzButton>
    </CrzThemeProvider>
  );
}

Components

Inputs

Button, ButtonGroup, Input, TextField, Checkbox, Radio, RadioGroup, Switch, Select, Slider, Autocomplete, Rating, ToggleButton, ToggleButtonGroup

Display

Typography, Badge, Chip, Avatar, AvatarGroup, Alert, Link

Surfaces

Card, Paper, Accordion

Navigation

Tabs, Tab, Breadcrumbs, Pagination, Stepper, AppBar, Toolbar, IconButton, Fab, Menu, MenuItem

Data Display

Table, TableHead, TableBody, TableRow, TableCell, TableContainer, List, ListItem, ListItemText, ListItemIcon

Feedback

CircularProgress, LinearProgress, Skeleton, Snackbar

Overlays

Dialog, Drawer, Modal, Tooltip

Layout

Stack, Container, Divider, Grid

Theming

import { CrzThemeProvider } from 'crz-ui';

<CrzThemeProvider>{/* All CRZ-UI components inherit the theme */}</CrzThemeProvider>;

Tech Stack

• React 19
• TypeScript 5.x (strict mode)
• Emotion for styling
• Vite for building
• Vitest for testing
• Storybook 8 for docs

License

MIT