@hiraya-ui/react v0.1.0

Hiraya UI

A modern React component library with beautiful UI components and patterns. Built with TypeScript and styled with CSS Modules. "Hiraya" is a Filipino word that means "imagination" or "vision" - reflecting our commitment to creating beautiful and imaginative UI components.

Features

• 🎨 Beautiful and modern UI components
• 📦 Written in TypeScript
• 🎯 Fully typed components and props
• 📚 Comprehensive Storybook documentation
• 🎭 CSS Modules for scoped styling
• 📱 Responsive design
• ♿ Accessibility support

Installation

npm install @hiraya-ui/react
# or
yarn add @hiraya-ui/react

Usage

import { Button, Card, Input } from '@hiraya-ui/react';

function App() {
  return (
    <div>
      <Button variant="primary">Click me</Button>
      <Card>
        <Input label="Name" placeholder="Enter your name" />
      </Card>
    </div>
  );
}

Components

Basic Components

• Button
• Input
• Card
• Avatar
• Checkbox
• Select
• Typography
• Dropdown

Patterns

• FormLayout
• CardLayout

Development

# Install dependencies
npm install

# Start Storybook
npm run storybook

# Build the library
npm run build

# Run tests
npm test

# Lint code
npm run lint

Contributing

We welcome contributions! Please see our Contributing Guide for details.

License

MIT © Hiraya UI