Refine Shadcn

refine-shadcn: Seamless shadcn-ui Theming for refine.dev Applications

refine-shadcn offers a streamlined method to integrate the popular shadcn-ui component library into your refine.dev projects. This package provides pre-styled components and page templates for common CRUD operations like List, Show, Create, and Edit pages. It accelerates UI development by delivering ready-to-use, aesthetically pleasing elements aligned with shadcn-ui's design, enabling developers to build modern, responsive interfaces efficiently.

Features:

• List Page Component: Displays records with filtering, sorting, bulk actions, and pagination support.
• Table Component Integration: Leverages table functionalities for data display, including sorting, filtering, and column customization.
• Table Bulk Actions: Enables performing actions like 'delete selected' on multiple table rows.
• Table Column Configuration: Allows defining columns with specific headers, data accessors, and custom cell rendering, including avatar display.
• Table Filtering Options: Includes specialized filters like DateRangePicker for columns.
• Standard Table Row Actions: Provides pre-built 'Show', 'Edit', and 'Delete' actions for each record.
• Show Page Component: For presenting detailed information of a single record in a read-only format.
• Create Page Component: Offers a structured form environment for inputting new data entries.
• Edit Page Component: Facilitates the modification of existing records through a data-bound form.
• Form & Field Components: Core elements for building data input forms, integrated with @refinedev/react-hook-form.
• Zod Schema Validation: Supports form validation using Zod for robust data integrity.
• Vite.js Template: Includes a sample layout structure for quick integration with Vite.js projects.
• Next.js Template: Provides a sample layout structure for seamless integration with Next.js applications.
• shadcn-ui Integration: Core feature, providing theme and components based on shadcn-ui.
• refine.dev Core Integration: Built specifically for refine.dev, utilizing its core functionalities and hooks.

Summary:

refine-shadcn is a dedicated theme integration package that brings the elegance of shadcn-ui to refine.dev applications. It simplifies building admin panels and data-driven interfaces by offering pre-configured components for essential CRUD views (List, Show, Create, Edit). This allows developers to rapidly construct functional and visually appealing applications with refine.dev, concentrating on business logic rather than extensive UI setup.