★ Featured Prompt
Slide-Over Drawer with Form
A right-side slide-over drawer containing a form, commonly used for editing records without leaving the current page.
Prompt
Create a slide-over drawer component (slides in from the right) with: - Triggered by an "Edit Profile" button - Drawer takes up 400px width (full width on mobile) - Header: title "Edit Profile" + close X button - Scrollable content area with a form: avatar, name, email, role, bio, preference toggles - Footer fixed at bottom: Cancel + Save Changes buttons - Overlay backdrop on the left - Smooth slide-in animation - Use shadcn/ui Sheet component, Tailwind CSS
Share:Share on X
More Modals & Dialogs Prompts
A confirmation modal for dangerous actions like deleting data, with a text-match requirement before the action button enables.
A keyboard-triggered command palette with search, categorized commands, and keyboard navigation.