Replacer UI Kit (free version)

Last Updated on July 6, 2026 by Editorial Team

Replacer UI Kit is a high quality user interface toolkit for web. It is available in 2 formats (.PSD and .Sketch) and contains 2 ready-to-use templates composed from 12 blocks:

navbar
header (x2 blocks)
feature (x2)
device (x2)
content
team
pricing
footer (x2)

You can also purchase the full version (12 ready-to-use templates and 100+ blocks) on Gumroad.

What stands out immediately in the Replacer UI Kit preview is the clean, editorial layout style built on a bright white background with slabs of dark charcoal and a punch of deep indigo blue breaking up the rhythm.

The typography leans light and airy, with plenty of negative space around headlines like “Watch the video about Replacer” and “Core Team,” giving the whole kit a modern SaaS or startup feel rather than a dense corporate one.

You can see real attention paid to photographic content too: the team block uses portrait photography cropped into clean rectangles with a muted teal accent tile mixed in, and the device block shows a map interface inside a phone frame against that indigo backdrop, which suggests this kit was built with location-based apps, service platforms, or product landing pages in mind.

This is the kind of toolkit that suits early-stage product sites, agency portfolios, app landing pages, and marketing pages for SaaS tools where you need to move fast without designing every section from scratch.

Because the blocks are modular, a header, a feature section, a device showcase, a content block, a team section, pricing, and a footer, you can mix and match them to assemble a full one-page site or a multi-page structure depending on what the project calls for.

The pricing and footer blocks in particular are the kind of utilitarian pieces that take the longest to design from a blank canvas, so having them ready-made in a free UI kit is genuinely useful for quick client mockups or personal projects.

Working With the Blocks

Since the kit is built from separate blocks rather than one locked composition, the practical workflow is to treat each section as its own reusable component.

Duplicate a block, swap in your own headline and body copy, and drop your own photography into the image placeholders, keeping the same proportions so the layout grid doesn’t shift.

The team block’s photo grid and the pricing block’s column structure are both easy to extend if you need more entries; just duplicate the repeating unit and nudge the spacing to match.

For color, the existing palette of white, near-black, and a single saturated accent (here it is indigo, but the pink “Free” tag in the header shows the kit reads well with other brights too) gives you a template for how to apply your own brand color without disrupting the balance.

Pick one accent, apply it to buttons, tags, and one background block, and let the rest of the layout stay neutral so the content does the talking.

When adapting the device block, keep the phone or browser frame proportions intact and simply replace the screen content, whether that’s a map, a dashboard, or an app screen, so the mockup still reads as believable software.

Pair these blocks with a simple sans-serif icon set for feature callouts, and stock photography with a similarly bright, natural lighting style to keep the team and header sections feeling consistent with the kit’s existing mood.

Download