@memoraiz/ui

@memoraiz/ui

A modern React component library built with Radix UI, Tailwind CSS, and Storybook.

Features

• Modern and accessible UI components
• Built with Radix UI primitives
• Styled with Tailwind CSS
• Comprehensive Storybook documentation
• TypeScript support
• Dark mode support
• Vite-powered development

Installation

npm install @memoraiz/ui
# or
yarn add @memoraiz/ui
# or
pnpm add @memoraiz/ui

Usage

import { Button, ThemeProvider } from '@memoraiz/ui';

import '@memoraiz/ui/tailwind.css';

function App() {
  return (
    <ThemeProvider>
      <Button>Click me</Button>
    </ThemeProvider>
  );
}

Available Styles

The library provides multiple style options:

• @memoraiz/ui/tailwind.css - Tailwind CSS styles
• @memoraiz/ui/shadcn.css - Shadcn UI styles
• @memoraiz/ui/storybook.css - Storybook styles
• @memoraiz/ui/preflight.css - CSS reset

Development

# Install dependencies
pnpm install

# Start Storybook
pnpm storybook

# Build the library
pnpm build

# Run linting
pnpm lint

Requirements

• React 18 or higher
• Node.js 18 or higher

License

LICENSE.md