Addstract Free UI Kit

Last Updated on August 13, 2026 by Editorial Team

Professionally-designed UI Kit fully customizable for startups and small businesses. Addstract comes in 2 themes (dark and white) with lots of functionalities.

Features

Dark/White themes
Easy to change Icons module
Fully customizable preview screens
Animated video player
Data widgets

Package Includes

2 Themes (Dark and White)
Montserrat Font
3 Widgets (Percentage, Waves, and Graph)
2 Mockups (Phone and Laptop)

The dark theme shown in the preview sums up what Addstract is going for: a deep navy background, an isometric laptop illustration glowing with soft blue light, and a bold two-line headline paired with a single pink call-to-action button.

That laptop graphic, tilted and rendered with a subtle gradient sheen, is the kind of hero visual that a lot of small teams pay illustrators for. Here it comes built into the kit, sitting alongside a clean navigation bar and a row of trusted-by logos (Google, Facebook, Slack, Behance, Dribbble) that immediately signal credibility to a visitor.

Everything is built around Montserrat, which gives the whole interface a geometric, slightly technical feel that suits SaaS products, app landing pages, and startup pitch sites far better than a decorative serif ever could.

Where the Dark and Light Themes Work Best

Because Addstract ships in both dark and white themes, you get flexibility that most free UI kits skip.

The dark version, like the one in the preview, reads as premium and tech-forward. It fits products in software, AI, fintech, or developer tools where a moody background makes accent colors and glowing illustrations pop.

The white theme, by contrast, is the safer choice for service businesses, agencies, or anything consumer-facing that needs to feel light and approachable rather than high-tech.

Having both in one kit means you can prototype a homepage two ways and let a client or stakeholder pick the direction before you commit to building it out further.

This is also a practical way to test contrast and accessibility early, since swapping themes shows you immediately how your copy and icons hold up against both backgrounds.

Working With the Widgets and Icon Modules

The percentage, wave, and graph widgets are what turn this from a static landing page into something that feels like a real product dashboard preview.

If you are mocking up a SaaS tool, analytics platform, or any app that lives on data, dropping one of these widgets into your preview screen instantly makes the concept feel functional rather than decorative.

To adapt them, isolate the widget group, then edit the underlying shapes or paths to reflect your own numbers rather than relying on placeholder values.

Colors on these widgets typically live in a single fill layer, so recoloring one graph to match your brand palette should cascade cleanly if you keep the layer structure intact.

The icons module is built to be swapped out easily, which matters because generic icon sets are often the first thing that dates a template.

Replace the default icon set with your own line icons or a set that matches your brand’s stroke weight, and the whole kit stops looking like a template and starts looking like a designed product.

Keep icon sizing and spacing consistent with the original grid so the layout does not shift when you make the swap.

Using the Phone and Laptop Mockups

The two included mockups, phone and laptop, are meant for showing off whatever preview screens you build inside the kit.

The laptop mockup with its isometric angle is especially strong for hero sections and feature banners, since the perspective adds depth without requiring you to design a full 3D scene yourself.

Drop your finished UI screen into the mockup’s screen area, adjust the perspective or crop if needed, and export it as a static image for use directly on a marketing site or in a pitch deck.

The phone mockup is the natural pairing for mobile app screens, testimonials, or feature callouts lower on the page, giving you a consistent way to present both desktop and mobile views side by side.

Because the kit already leans toward startup and SaaS positioning, it pairs naturally with pitch decks, one-page investor sites, product launch pages, and portfolio case studies where you need to show a polished interface fast.

Designers picking this up for client work will find it especially useful as a starting skeleton: the layout, spacing, and typographic hierarchy are already resolved, leaving you free to focus on content, imagery, and brand color rather than structure.

Download