Join our Discord Community
Crud

👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com

Duplicate Record

CRUD duplicate record dialog allowing users to clone existing records with option to modify copied values before creating

Looking to implement shadcn/ui blocks?

Join our Discord community for help from other developers.


Creating similar records from scratch is tedious. This React CRUD dialog displays source record details, editable form fields pre-filled with copied values, and options to modify before duplicating. Built with shadcn/ui Dialog, Input, Select components with checkboxes to exclude certain fields from copy, users can quickly create product variants, template-based content, or similar database entries. Field customization, validation, and conflict resolution—perfect for inventory systems, content management, or admin panels where duplicating records accelerates data entry workflows.

Loading preview...

Installation

npx shadcn@latest add https://www.shadcn.io/registry/crud-duplicate-record-01.json
npx shadcn@latest add https://www.shadcn.io/registry/crud-duplicate-record-01.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/crud-duplicate-record-01.json
bunx shadcn@latest add https://www.shadcn.io/registry/crud-duplicate-record-01.json

Questions you might have