The Universe – eCommerce Mobile UI Kit
Last Updated on August 19, 2026 by Editorial Team
The Universe is a high quality (but free) eCommerce mobile UI kit created in Photoshop by Kishan Pandav. The UI kit contains 20 well-organized iOS screens:
- splash page
- login and register pages
- home
- two offer pages
- product list
- product filters
- product description
- cart
- user addresses
- checkout / payment page
- order details
- shipping / delivery tracking
- user profile
- side menu
- notifications
- contact shop
- shop search
Cheers to the author for sharing this freebie with the design community. 🙂
Look closely at the two screens shown in the preview and you get a good sense of the kit’s visual DNA. The splash screen leans on a single confident cobalt blue with a minimal white ringed-planet icon centered in the frame, which is where the “Universe” name comes from.
That same blue reappears as the accent color in the product list screen behind it, tying the whole flow together with one consistent brand hue rather than a scattered palette. It is a clean, flat, card-based aesthetic with plenty of white space, simple sans-serif type, and clear price tags in black and red for sale pricing.
This restrained color approach is worth noting because it makes the kit genuinely easy to reskin. Since the interface leans on one dominant accent color plus white and near-black text, swapping that blue for your own brand color is a fast way to make the whole app feel custom rather than templated.
The product cards themselves follow a familiar, proven ecommerce pattern: square product photo, item name, current price, and a struck-through original price for markdowns. That structure is instantly recognizable to shoppers, which matters more than novelty when you’re designing a checkout flow.
Where This UI Kit Works Best
Because the screen list covers the entire shopping journey, from splash and login through browsing, filtering, cart, checkout, and delivery tracking, this kit is best suited for anyone prototyping or pitching a shopping app rather than just designing a single screen.
- Freelancers mocking up an ecommerce app concept for a client pitch
- Startups needing a fast, credible-looking clickable prototype for user testing
- Students and junior designers studying how a full mobile shopping flow is structured
- Agencies that need a base to reskin quickly for a fashion, electronics, or general retail brand
The iOS screen format and rounded phone chrome in the mockup make it especially handy if your project targets Apple devices, though the layout logic translates easily if you need to adapt proportions for Android later.
Because the kit already accounts for less glamorous but essential screens like user addresses, order details, and shipping tracking, it saves real time on the unglamorous plumbing of an ecommerce app that’s easy to forget when you’re focused on the home screen and product pages.
When you open the file, start by isolating the color layers or fills tied to that signature blue and swapping them for your brand palette first. Doing that single change early lets you see the whole kit in your own colors before you touch typography or imagery.
From there, replace the placeholder product photography with square-cropped shots that match your own catalog, keeping the same aspect ratio so the grid stays aligned.
Typography is simple enough in this kit that most standard sans-serif fonts will drop in cleanly, so swapping the type to match your brand guide shouldn’t disturb the underlying grid or spacing.
Once restyled, this kit pairs naturally with a phone mockup for presentation decks, or with a simple icon set if you want to enrich the side menu and notification screens with more distinct iconography than the defaults.
