0.0.2 • Published 6 months ago
@memoraiz/ui v0.0.2
@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/uiUsage
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 lintRequirements
- React 18 or higher
- Node.js 18 or higher