Component Prompts

Mobile App Onboarding Screens

A 4-screen mobile onboarding with illustrations, swipeable carousel, and permission requests.

Mobile App UImobile-app-uionboardingmobile-firstanimatedintermediate
Open in v0
Prompt
Create a 4-screen mobile onboarding (375px):

Screen 1: app logo, illustration, headline, "Get Started" button, "I have an account" link
Screen 2: illustration, bold headline, description, progress dots (1 of 3), Next + Skip
Screen 3: different illustration, headline, description, dots (2 of 3)
Screen 4: notification permission card, location permission card (each with icon, title, why needed), Continue button

Swipe gesture between screens 2-3
Dot indicators update on swipe/tap
framer-motion swipe transitions

Use Tailwind CSS, framer-motion, dark mode
Share:Share on X
Seed Contributor avatar
Seed Contributor
@seed
0 copies · 0 upvotes

More Mobile App UI Prompts

Featured
Mobile App Home Screen

A mobile-first app home screen with bottom tab navigation, greeting header, and content cards.

mobile-app-uimobile-firstnavigationdark-mode+1
0
0
mobile-app-ui
Mobile Chat / Messaging Interface

A mobile chat screen with message bubbles, typing indicator, read receipts, and voice message UI.

mobile-app-uimessagingmobile-firstdark-mode+1
0
0
mobile-app-ui