Components
Dialog
This component is a beautifully styled "Edit Profile" dialog box built using ShadCN UI and Tailwind CSS. It features a gradient header background, a rounded avatar image upload section, and a responsive, scrollable form layout. Users can update their full name, role, email, portfolio, and bio, with live character count feedback for the bio section. The design uses a modern radial gradient and smooth layout, ensuring a pleasant user experience across devices.
import Dialog01 from "@/components/ui/ruixen-dialog";
const DemoOne = () => {
return <Dialog01 />;
};
export { DemoOne };
Dependencies
Published
Similar components
Explore more
Part of Ruixen UI — browse the full library on 21st.dev.