Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

React Dialog Block Add Writer Profile

Add writer profile dialog with avatar upload, image preview with remove option, author name and title inputs in split layout

Create author profiles visually. This React profile dialog provides avatar image upload with preview, author name input, and title field in a clean split-pane layout. Built with shadcn/ui Dialog, Avatar, Input, Label, Button components and Lucide React icons, content managers can add writer profiles with drag-and-drop or click-to-upload image handling. File size validation, remove image option, and responsive grid layout—perfect for CMS platforms, blog admin panels, or any content app where author profiles need visual identity alongside biographical information.

React Dialog Block Add Writer Profile preview

Loading...
Scroll to load preview

Installation

Install
Pro block

FAQ