CORA
AI Section PromptsClaude & Cursor PromptsMobile UX

AI Prompt Pack: Mobile Bottom Sheets, Forms & Drawers

Mobile UX prompt guidelines that eliminate clunky side drawers and popups on phones. Generates silky bottom slide-up sheets with drag handles and instant validation.

Compatible Builders & Frameworks
Claude 3.5 SonnetCursor AILovablev0.dev
4.96(140 reviews)
2,980+ installs
1 Ready Sections
Asset Blueprint BoxMIT License / Free
1
Mobile Slide-Up Sheet Prompt
AI Prompt
Subscription Tools ReplacedSaves ~$29/mo
  • Typeform Starter Plan$29/mo
Section Blueprints

Included Section Prompts & Code

Copy any prompt directly into Cursor, Claude 3.5 Sonnet, Lovable, or v0 to generate clean responsive UI.

1

Mobile Slide-Up Sheet Prompt

Eliminates side drawers on mobile with ergonomic bottom sheets.

AI Prompt
Engineered AI Prompt (Claude & Cursor)
Write a React bottom slide sheet component: - Position fixed inset-x-0 bottom-0 z-50. - Top rounded 3xl corners with subtle zinc border. - Drag handle at top (w-10 h-1 bg-zinc-300 rounded-full mx-auto mb-4). - Dark blurred backdrop with click-to-close handler.

Frontend Quality Standards

Zero mobile side drawers — pure bottom slide-up UX
Integrated touch-action and gesture drag handles
Step-by-step form progress indicators

Related Frontend Assets

Explore other high-converting UI kits and prompts
View All
Claude & Cursor Prompts
✦
20+ Hero Prompts
3 Ready Sections Included
AI Prompt Pack
Claude & Cursor Prompts
✦
Pricing & Bento Prompts
2 Ready Sections Included
High Conversion
Claude & Cursor Prompts
✦
Dashboard UI Prompts
1 Ready Sections Included
Admin SaaS