xiora-ui

A modern, dependency-free React UI library with elegant components, powerful layouts, and a beautiful developer experience.

Install

npm install xiora-ui

Peer dependencies: react and react-dom (≥ 18).

Styles are injected automatically when you import any component — no separate CSS import needed.

Usage

import { Button, Card, Input, Stack, Badge } from "xiora-ui";

export function Example() {
  return (
    <Card elevated>
      <Stack gap="md">
        <Badge variant="success">New</Badge>
        <Input label="Name" placeholder="Ada Lovelace" />
        <Button>Continue</Button>
      </Stack>
    </Card>
  );
}

Components

| Component | Description | | --- | --- | | Button | Primary, secondary, ghost, and danger variants | | Input | Labeled field with hint / error states | | Card | Surface container with header / body / footer | | Stack | Flex layout primitive | | Badge | Compact status labels |