Shopr is a premium e-commerce mobile UI kit for Figma covering every step of a modern shopping app: splash, onboarding and full authentication (sign up, OTP, password reset), editorial and classic home feeds, categories, search with history, grid and list results, filter and sort bottom sheets, product detail variants with zoom gallery, size guide and reviews, wishlist, cart with promo codes, a four-step checkout (address, shipping, payment, review), orders, order detail, live courier tracking, returns, notifications, profile, settings, addresses, help center, chat support, flash sale and brand store pages. Empty, loading, offline, dialog and toast states are included too. 20 key screens come in dark mode, built on a dedicated Color / Dark token set. Everything is assembled from 21 reusable components with variants, laid out with auto layout, and filled with real product photography, so previews look finished out of the box and are easy to rebrand.
Highlights
- 76 iPhone 15 (393x852) screens: 56 light + 20 dark mode
- Complete flows: auth, discovery, product, cart and checkout, orders and tracking, account and support
- 21 components with variants: buttons, inputs, product card, cart item, tab bar, nav bar, toggles, checkboxes, radios, segmented control, progress steps, toasts, dialog, bottom sheet, empty state, skeleton loaders and more
- Light and dark color token sets, Inter type styles, spacing, radius and shadow tokens
- Real, distinct product photos (Unsplash License) across product imagery
- Empty, loading, error and offline states included
- 100% auto layout, component-based screens
Designed in Figma with the help of AI tools. Product photos are from Unsplash.
