Harmony UI Kit
Last Updated on July 15, 2026 by Editorial Team
An amazing, fresh UI kit with clean and modern look created by Dawid Młynarz. It is conceptualized as a location-oriented app for finding, sharing and rating hiking places, but can be easily repurposed as base for any map-based application. It includes 10 vector iOS ready screens.
Look closely at the ten screens laid out in the preview and a clear pattern emerges: this is a kit built around discovery and location, with cards, maps, and profile views doing most of the heavy lifting.
The palette leans on a fresh green gradient paired with clean white cards, which gives the whole concept an outdoorsy, trustworthy feel without ever looking cluttered.
Photography of lakes, waterfalls, and forest trails sits inside rounded image cards, and that same card pattern repeats across the discover feed, the search results, and the nearby list, so the eye never has to relearn a new layout from screen to screen.
That consistency is the real strength of Harmony UI Kit. Once you understand how one card or list item is built, you understand them all, which makes the whole file easy to extend.
Screens Worth Studying
The profile screen with its activity graph and stat counter is a small gem on its own.
It shows how to present personal data (distance covered, favorite spots, ratings given) without resorting to a dashboard-style layout that would feel out of place in a lifestyle app.
The map screens are equally useful as reference. One shows a route with a dotted path and distance-and-time callout, another shows a cluster of pins with a radius circle for nearby results, and a third overlays a bottom sheet with a scrollable list of places on top of the map itself.
If you have ever struggled with how to balance a map view against a list of results, these three screens give you a working template for that exact problem.
The filter and menu screens round things out with clean toggle groups, a slide-out navigation panel on a solid green background, and a comment thread screen that shows how the kit handles social interaction, avatars, star ratings, and a simple reply input.
This is the toolkit of a kit that expects to be adapted for anything from a hiking app to a restaurant finder or a real estate map browser.
Adapting It To A New Concept
Because the screens are vector-based, restyling is mostly a matter of swapping colors and imagery rather than rebuilding layouts.
Start by isolating the gradient and accent green, since it appears in the header, buttons, tab bar, and map pins, and replacing it with your own brand color will instantly shift the mood of every screen at once.
Next, swap the outdoor photography for imagery relevant to your project. The image cards are consistently sized, so a food app, a real estate app, or a travel app can drop in new photos without touching the surrounding layout.
Icons throughout are simple line-based glyphs, which makes them easy to recolor or swap for icons from your own set if you want a different visual weight.
Text layers for names, ratings, distances, and descriptions are all editable, so populating the screens with real content or placeholder copy for a client presentation is straightforward.
Pay attention to spacing and card proportions if you add new screens. Matching the corner radius, shadow, and padding already used across the kit keeps any additions you design feeling native to the system rather than bolted on.
This kit suits early-stage app concepts, portfolio case studies, and client pitches where a location or discovery feature needs to be shown convincingly fast.
It also works well as a teaching reference for anyone learning how map interfaces, list-detail patterns, and social proof elements like ratings and comments come together in a cohesive mobile flow.
Pair it with a phone mockup for presentation shots, or place a few screens side by side in a case study to show onboarding, discovery, and detail states in one glance.
