Shadcn.io is not affiliated with official shadcn/ui
React Custom Field Builder Settings Block
Animated React custom field builder settings page for Next.js with field types, drag reordering, required toggles, and live preview built with shadcn/ui, Tailwind CSS, and framer-motion
Build custom form fields with this React and Next.js settings block. Features a drag-to-reorder field list with type selectors for text, select, date, number, and checkbox fields, required toggles, and expandable configuration rows. Built with TypeScript, shadcn/ui Input, Select, Switch, and Button, Tailwind CSS, and framer-motion.
React Custom Field Builder Settings Block preview
Installation
Related Components
Default Values
Default value configuration for forms and fields
Profile Settings
User profile and personal information management
Email Templates
Email template management with preview
Feature Toggles
Feature flag management with rollout controls
Danger Zone Settings
Destructive actions with confirmation dialogs
Deployment Config
Deployment configuration with build commands
FAQ
Was this page helpful?
Sign in to leave feedback.
React Custom Domain Configuration Settings Block
React animated custom domain settings block for Next.js with DNS verification steps, SSL certificate status, domain input, and CNAME record instructions using shadcn/ui, Tailwind CSS, and framer-motion
React Danger Zone Settings Block
Animated React danger zone settings page for Next.js with archive workspace, ownership transfer, and delete account with confirmation dialogs built with shadcn/ui, Tailwind CSS, and framer-motion