@devforduniya/react-renderer-components

A complete npm package of shadcn/ui components ready to use in any React project. No CLI installation needed - just install and import!

Installation

npm install @devforduniya/react-renderer-components

Usage

Import All Components

// Import all components at once
import { Button, Card, Input, Dialog, Sheet } from '@devforduniya/react-renderer-components';

// Import utilities
import { cn } from '@devforduniya/react-renderer-components/lib';

// Import hooks
import { useMobile } from '@devforduniya/react-renderer-components/hooks';

Individual Component Imports

// Import specific components directly
import { Button } from '@devforduniya/react-renderer-components/components/button';
import { Card } from '@devforduniya/react-renderer-components/components/card';
import { Input } from '@devforduniya/react-renderer-components/components/input';

Import Styles

// Import the CSS file
import '@devforduniya/react-renderer-components/styles';

Available Components

This package includes all shadcn/ui components:

• Layout: Card, Sheet, Dialog, Drawer, etc.
• Forms: Button, Input, Select, Checkbox, etc.
• Navigation: Tabs, Breadcrumb, Pagination, etc.
• Data Display: Table, Badge, Avatar, etc.
• Feedback: Alert, Toast, Progress, etc.
• And many more...

Peer Dependencies

This package requires:

• react: 18.2.0
• react-dom: 18.2.0

Build Process

The package is built using:

1. shadcn/ui CLI: Installs all components
2. tsup: Bundles for both CJS and ESM
3. TypeScript: Generates type definitions

Development

# Install components
npm run install:components

# Build package
npm run build

# Development mode
npm run dev

License

MIT