shadcn-packaged

Shadcn Packaged: CLI-Free Shadcn/UI Components for React

Shadcn Packaged is an npm library streamlining the integration of shadcn/ui components into your React projects. It eliminates the standard CLI setup by directly exporting all components, utility functions, and hooks. This package ensures ease of use by providing all necessary files, comprehensive type declarations, and is regularly updated weekly with the latest shadcn/ui versions, simplifying your development workflow and ensuring access to the newest features without manual intervention.

Features:

• CLI-Free Component Usage: Access all shadcn/ui components directly without needing the CLI for installation or updates.
• Complete File Set: Provides all useful component files, hooks (e.g., useToast), and utilities (e.g., cn) from shadcn/ui.
• Integrated Type Declarations: Includes comprehensive TypeScript type declarations for a better development experience and auto-import functionality.
• Weekly NPM Updates: Ensures access to the latest versions of shadcn/ui components through regular weekly publishes to npm.
• Tailwind CSS Preset: Offers a tailwind.config preset (require("shadcn-packaged/tailwind.config")) for quick styling integration.
• Next.js Configuration Support: Provides guidance for transpilePackages in next.config.js for seamless Next.js project compatibility.
• Vite Configuration Support: Includes optimizeDeps settings for vite.config.js for optimal performance in Vite-based projects.
• Global Stylesheet Option: Offers an optional shadcn-packaged/index.css for base styling, compatible with fully customized global CSS.
• Organized Package Structure: Components are located in shadcn-packaged/ui/\*, hooks in shadcn-packaged/hooks/\*, and utilities in shadcn-packaged/lib/utils.
• IDE Auto-Import Enhancement: Suggests methods like /// or tsconfig.json modifications to improve IDE auto-import if needed.
• Custom Theming Capability: Supports custom theming via global CSS files by defining CSS variables within @layer base for :root and .dark.

Summary:

Shadcn Packaged simplifies using the full shadcn/ui component suite in React applications by removing the CLI dependency. It delivers pre-packaged components, hooks, utilities, and type definitions, alongside configuration helpers for Tailwind CSS, Next.js, and Vite. This approach accelerates development by providing readily importable, regularly updated shadcn/ui elements, streamlining project setup and enhancing the developer experience with easy integration and customization possibilities.