Product Scenes
Mocked product UI that tells a story: web apps, dashboards, mobile, checkout and chat
Fully staged product screens with a beginning, a middle and a payoff. Swap in your copy and data and you have the feature beat of a launch video.
Showing 66 of 66 components
Web app
15- Bento BuildNewA bento grid of feature tiles builds in, then spotlights chosen tiles one at a time.
- Browser ExtensionNewA browser extension highlights key lines in an article and saves a generated summary to a reading list.
- Calendar BookingNewA cursor picks a day and a time slot, confirms, and a meeting-scheduled card appears.
- Chaos to OrderNewScattered windows, notes and toasts drop in, then snap into an organized issue tracker.
- File DropzoneNewFiles drop into an upload dialog, progress bars fill, and an upload toast confirms the destination.
- Flow BuilderNewA workflow canvas drops nodes, connects them, runs a packet through, and publishes with a toast.
- Macro ClickNewA macro close-up of a site builder: a click publishes, the status flips to Live, and the view pulls back.
- Roadmap TimelineNewA project roadmap draws its bars, a cursor drags one later while dependents shift, then a toast confirms.
- Sheet FormulaNewA spreadsheet types a formula, fills it down a column, then drops a bar chart onto the sheet.
- Social SchedulerNewA post composer types a draft, attaches media, picks a time slot, and a toast confirms the schedule.
- Table FilterNewA CRM table filters by a stage, sorts, selects rows, and a bulk-action bar slides up.
- Tile Snake LoaderNewMedia tiles snake across a loader and settle into a studio landing page with a hero video card.
- Timeline EditorNewA video editor drops clips onto a timeline, scrubs the preview, then exports with a progress panel.
- Video Watch PageNewA video watch page where the cursor subscribes and likes while view, like and subscriber counts climb.
- Wireframe to FinalNewA gray blueprint wireframe of a dashboard is drawn with measurement lines, then a sweep fills in the finished UI.
- Button to CardNewA button expands into a store card row with product images, prices and status
- Card CreateNewA phone app prints a new debit card, cycles finishes, engraves a name and adds it to the wallet
- Cart AddNewA shop page picks a color and size, then a cart drawer slides in with Checkout
- Coupon ApplyNewA checkout order summary rejects one coupon, accepts another and the total drops
- Grid to AppNewA product grid expands into a store admin app with sidebar and product catalogue
- Invoice PaidNewAn invoice gets stamped PAID while a payout notification arrives
- Mobile PaywallNewA phone paywall selects a plan and shows a Welcome to Pro confirmation
- Money SendNewA phone payment screen confirms Sent to Maya with a receipt
- Pricing RevealNewA pricing table highlights the Pro plan and strikes the old price for the new one
- Stock ScrubNewA phone stock page scrubs its price chart then opens a buy sheet
Mobile
10- App Store ListingNewA phone storefront listing taps Get, downloads while screenshots swipe past, then the button becomes Open.
- Home WidgetNewA phone home screen jiggles, a widget is picked from the gallery and dropped in, and its numbers count up.
- Live ActivityNewA phone island blooms into a live activity with a progress bar and countdown, then finishes with a check.
- Notification AvalancheNewNotifications arrive faster and faster on a phone, group into a stack, then clear to a calm caught-up message.
- Now PlayingNewA music player taps play, likes the track, then scrolls synced lyrics that light up one line at a time.
- Phone ScrollNewA phone rises and flicks a tall app screen to each scroll stop while a headline slides in beside it.
- Phone TrioNewThree phones rise side by side: a profile, a scrolling photo feed and a banner announcing the portfolio is live.
- Ride TrackingNewA phone map draws a route, the car drives it while the ETA falls, and an arrival check lands.
- Streak RewardNewA phone shows a streak counting up with week dots, then a lesson-complete reward with medal and stat badges.
- Swipe DeckNewA card deck is swiped right, left and up, then an It's a match modal lands with an install button.
- Analytics FunnelNewAn activation funnel chart steps down while a tooltip shows breakdowns
- Bracket WinNewA tournament bracket resolves match by match until Remocn is crowned CHAMPION
- Device Grows AroundNewA live plays counter card grows a device frame around it, with range tabs and delta stats
- Leaderboard ClimbNewA launch leaderboard where the highlighted row climbs the table to a top rank
- Live DashboardNewA payments dashboard animates its stats, chart and recent activity feed
- Send FountainNewA launch board dashboard fills with a video, signup bars, a metric and asset tiles
- Tilt Settle ListNewA tilted player card settles beside a ranked list of top scenes
- World SignupsNewA dotted world map pings signup locations next to a rolling signup counter and live feed
- AI Answer SourcesNewAn AI answer streams in with inline citations, then a source panel opens from a cited number
- AI Image GridNewA prompt generates a grid of images, then one is picked and zoomed with its details
- Graph RelayoutNewA node graph rearranges itself through several layouts as nodes slide, appear and reconnect
- Node TrailNewA prompt node trails dotted lines to workflow nodes one by one, then the camera pulls back to the board
- Prompt SwellNewA prompt card swells into a builder window that generates a pricing page and ships it
- Prompt to AppNewA prompt types into a chat, files are written, and a site preview builds and deploys
- Voice AgentNewA voice agent call transcript streams, handles an interruption and books a table
- Channel ReactionsNewA team chat channel where a launch message collects emoji reactions and replies
- Invite TeamNewAn invite field types emails, sends invites and a toast confirms in a project list
- Multiplayer CursorsNewCollaborator cursors drop stickies, select cards and comment on a shared board
- Video CallNewA video call fills with participants, then one shares a screen while emoji reactions float up
- Deploy PipelineNewA deployment page runs a build, streams logs and flips to Ready
- Feature Flag RolloutNewA feature flag switches on and ramps 5%, 25%, then 100% while guardrail charts and an audit log update.
- PR MergeNewA pull request's checks pass one by one, a cursor merges it, and the branch is offered for deletion.
- Status PageNewA status page builds 90-day uptime strips, resolves its banner, then a cursor hovers two incident bars.
- Design AuditA full design review in one scene, from red redlines and issue boxes through a scan that ships the fix to a close-up with specs and tokens
- Redline MeasureSpacing and size redlines draw over a UI one by one, each value popping on once its line lands
- Audit BoxesOff-spec elements of a UI get traced with red boxes and labelled with the fix each one needs
- Scan FixA scan band sweeps down a screen and leaves the fixed build behind it, red redlines turning blue and the version chip flipping
- Token TagsThe UI washes out around one area and leader lines run from its elements to dark chips naming their design tokens
- Layout GuidesDashed column guides drop over a grid, one column fills with a label and a now line slides across