An icon illustration showing a clock

Build strong foundations

Save time and build strong

Recreating the same components and visual elements at the start of your projects can be tiresome and uninspiring. Save all your time for the real design and innovation with Stratis UI thats equipped with all youll need for your product design.
4px spacing and grid System
Carefully built to ensure scalability and utility
Meticulously organised system library
30-day money back refund policy
An image that highlights the kinds of features you will get in the app. this image is a shot of some UI and misc photography. an image of a women and some UI design elemetnsAn image that highlights the kinds of features you will get in the app. this image is a shot of some UI and misc photography.
An icon illustration showing a file

Global styles & branding

Universal applications

With over 290+ smart global styles, Stratis UI can be applied to any product or market with a few changes. New product or existing, adapt the system to your needs by customising styles.
Robust and scalable typography system
High contrast color system aimed at enterprise SaaS
Custom avatar fills for user profiles
Simple and convenient shadows effects
A testimonial component showing how grids are used over the top.A testimonial component showing how grids are used over the top.a figma color style panela figma color styles panel
An icon illustration showing a container box around some text

Smart variants & properties

Carefully built for accuracy

Component have been designed to be used with 100% Auto Layout 4.0. Variants are consolidated and economised with properties to minimise redundancy. One component, fewer variants, many options.
Components designed with 100% Auto layout 4.0
Component properties to reduce excessive system and variant size
Designed to industry standard patterns
WCAG 2.1 contrast ratios compliance for accesability
A testimonial component showing how grids are used over the top.a figma component panelan accessibility panel
An icon illustration showing  a figma component icon and some tension arrows

Demonstrations & application

Library of examples

With hundreds of templates already to go, swap components and variants to quickly reorganise websites and apps in minutes. Deliver professional development ready designs without sacrificing all your time.
High-fidelity web and app templates
Settings, details, dashboard, modals and more
Real examples used in professional projects
Hover and click prototypes (coming soon)
a figma component panelA product design image that illustrates the kind of assets you will buy in the kit. This one shows a a metrics card with a grapha chat modal component
A testimonial component showing how grids are used over the top.
Well worth the price. Lots of bits that can be slightly tweaked to fit my projects without having to spend to much time. Would recommend to any designer.!
Really helpful to throw together some ideas for clients quickly. Wireframes can be a bit stale but this brings the concepts to life a bit more.
I dont know where id be without this. I duplicate the file and start on a new system for a client and with no time its completely unique and custom.
A profile picture with a man in the frame
Product Designer

What is costs

Pricing for all users

From an individual to teams. Get unlimited access for life, including future updates for a time time payment.

A universal tool

Enterprise to sole operators

Building systems that scale can always leave things to be desired in the aesthetics department. Stratis UI can ensure industry ready design no matter what scale, or scope .
An icon illustration showing a plus and cursor
Just you? Starting moving faster and accurately to gain more clients and a consistent measurable output.
An icon illustration showing a file and some comment cursor elements
Small teams
Keep things streamlined and continuous. Work from the same file to ensure quality and design parity.
An icon illustration showing a series of comment containers
Large teams
Ensure everyone knows the source of truth, build features and products at scale seamlessly.
An icon illustration showing a star
Set the standard for services you offer. Provide easy guides and consistent results for clients.
An icon illustration showing a letter T
Design Studios
Dont make the same components. Cut 95% off the grunt work by starting from base components.
An icon illustration showing a lightning bolt
Enterprise Teams
Reflect your brand and product vision across all siloed departments and teams.
An icon illustration showing some basic shapes
Trying to help someone up-skill? Show them the ropes with how to interact and build with Stratis.
An icon illustration showing a developer code editor
Want to be hands on with design. Communicate ideas better by talking the design language.

Frequently asked questions

Dont see the answer to your question? Contact us at
Why buy this UI Kit?

UI kits are fairly common place these days. Theres a huge range of kits that all offer variations of the same few mobile and dashboard mockups. These can be good if you're just doing pitches and minor conceptualising.

When you need to able able to deliver high quality projects at scale, and provide documentation and design systems, the choices become limited. UI kits can save you hundreds of honours of repetitive system and component management work. If you spend a lot of your time recreating old components, or feel like you could shave of hours of your projects, then this kit is for you.

Working in SaaS can be challenging as UX and UI expectations and performance standards for apps and software is increasing. Clients expect AAA quality work and want it now. After using a few other kits and working with dozens of product systems, we noticed a deficit in kits targeted at enterprise level.

The kits we used didnt cover enough components or lacked a quality high enough to be incorporated into project work. So we wanted to build a kit that was not only flexible, but offered unmatched quality. The same quality that can be found in the largest software and apps in market today.

Stratis UI was created to solve this problem, to provide enterprise level SaaS product components that were development ready as well as everything you would need to work in product design today. Our kit can be used in as many projects as you like and was designed to allow maximum application and neutrality to afford for bespoke branding.

How much does Figma cost?

Figma's has a range of different plans but does offer a Starter plan thats 100% free for individuals. If you want to use features such as team libraries, custom work spaces, projects, branches and much more, you will need a professional plan. You can find the details here.

Figma also offers all the paid features for free to students and educators, to find out more about this you can learn more at Fimga Education.

Cant i just use the free version?

Of course you can. We offer a free version of out kit that covers a huge amount of content with a few modern figma features removed. You can try this kit out and see if its useful for your projects. For a list of Figma's new features , you can see the announcement at Config 2022, we

Can i break the file up?

Yes you can. Figma has a feature called move published components which solves this exact issue..

What this does is it  allows you to split up the library into smaller libraries that can be published and managed independently from each other. Examples of this could be:

  • Global styles and foundation components
  • Universal components
  • Website marketing components
  • Application and website examples

This all depends on how you like to work. Each designer has their own way of managing files and systems so this feature allows you to find yours.

One example that could help optimise your file is to move any example pages into a seperate library, this can reduced your file size and loads times.

Can i use this for more than one project?

Definitely! You can use Stratis UI for an unlimited amount of projects or client work. If you have any concerns about what you can do, please read our License Agreement before purchasing.

Can i use this for professional projects?

Absolutely! That is the intended purpose. You can use this kit to create as many apps, websites and projects as you want or need. There are no limits on how many times you can use this kit with your clients.

The only thing youre not allowed to do is use resources found in this kit, or the kit itself to create another competing UI kit. Whether its in Figma or not, you cannot do this. If you want to know more please consult our licensing agreement.

Can i use this to make and sell my own product.

No you cannot. This is strictly prohibited and would constitute copyright infringement and theft. You are not allowed to recycle or reuse components found in this kit for templates or other competing UI kits or resources. Consult our our License Agreement before purchasing if you have any other licensing questions.

What is in the free version?

The free version of Stratis UI has a some components as examples removed but still allows for a huge amount of premium content that includes global styles, base components, and some marketing website pages. You can download it free here.

Is there an affiliate program?

We are planning on making our kit available to be sold by affiliates through gumroads affiliate program as soon as we have completed our initial launch stage. We expect affiliates to be paid 35% of sales referred and converted.

Is there going to be more content added?

Yes of course! Right now our main priority is to get an initial version out that covers the majority of ground that a designer would need whilst working professionally. We will be adding more content as soon as we are able and depending on the level of engagement that could be soon or a bit later. We will be sure to make any announcement or product updates on our changelog page.

Why dont you split the library?

At the current time, Figma is unable to import multiple files at once that maintain the same system. So splitting the library up prior would break the system.

So if you want to have the library split up, you will have to download it first and then segment into individual libraries, if you want that is.

Do i need to be good at using Figma?

Our design system has been created to make sure that every designer can use it. There are some Figma specific features that we take advantage of to d features, including  nested components, variants, Auto Layout 4.0, and the new component properties.

To make sure that you feel confident in your purchase, try our free version to see if you can easily navigate Figma and read some of the articles in Figma's Help Center for tutorials on features and updates.

How do i apply updates?

Depending on how your files are setup, as well as how youre using them with your projects there are the following ways.

  1. Figma has feature called library swap. See how it works here. We recommend making a backup copy before you commit to any swaps.
  2. If you dont want all the updates and just a few, you can copy and paste the new files into your current system document and apply the relevant styles to the components.
  3. The easiest way to get the updates is to just download the latest version of the file, this is better suited foe projects jus starting as it limits any detachments or breaks.
Does Stratis UI come in Sketch, XD, or other formats?

There are currently no plans to adapt Figma to those formats. With the recent announcement of Adobes acquisition of Figma, it wouldn't make sense to format for XD. Sketch has also fallen behind as far as product offerings and doesnt have enough of a market to warrant the adaptation.

Is Stratis UI associated with figma?

Stratis UI is not affiliated with Figma or Figma's team, nor is it endorsed or sponsored by Figma. We have been using Figma since it launched back in 2016 and are avid supportors and feel that it is the best platform for product design collaboration.

Do i really get access to this forever?

Once you have purchased on of the paid versions of Stratis UI, you will have access to any and all updates made on this product forever. Its a long game but i think it will pay off quickly :).

How do i get the updates?

When we make update, we’ll send you an email detailing what additions have been made and new and post it in our changelog. If you want to download the new files you can either:

Are there any additional costs?

Its a one time payment and thats it. No hidden fees, subscriptions or added costs for future content.

Sure! You can test out Webflow on our free plan where you can experiment with 2 projects. Your unhosted projects will have a two-page limit, but you can purchase a site plan on a per-project basis to unlock up to 100 static pages and additional CMS pages.

Sure! You can test out Webflow on our free plan where you can experiment with 2 projects. Your unhosted projects will have a two-page limit, but you can purchase a site plan on a per-project basis to unlock up to 100 static pages and additional CMS pages.

Is there an education discount?

We were all students once, so we know it can be risky to spend money on assets and resources when you're just starting out. If you send your valid educational credentials/proof of student status to, we can offer a 50% discount.

Will i get support?

If you're having any issues with Stratis UI, we can help you if you contact We will get back to you as soon as possible, but please allow us some time as we are only a few members.

Do you offer refunds?

We want to make sure that everyone is satisfied with our product and feel like they got their moneys worth. So if you have any technical issues with the file, contact us at within 30-days and we'll issue a full refund.

We will not offer refunds if you purchased the product and simply dont like it. You can preview the pro version as will as download our free version of Stratis UI before making a purchase to make sure its the right kit for you.

Just to be clear, once a refund has been submitted you will no longer be able to use Stratis UI in any projects. This includes personal and non-commercial projects. For more detail you can can read our refund policy in the license agreement here.

Are there any tutorial vidoes?

At the moment we dont have any capacity for video tutorials, but we will provide documentation and assistance if needed. We built the kit to be pretty intuitive and you can break it as many times as you need so dont worry if you make mistakes.

Sure! You can test out Webflow on our free plan where you can experiment with 2 projects. Your unhosted projects will have a two-page limit, but you can purchase a site plan on a per-project basis to unlock up to 100 static pages and additional CMS pages.

Sure! You can test out Webflow on our free plan where you can experiment with 2 projects. Your unhosted projects will have a two-page limit, but you can purchase a site plan on a per-project basis to unlock up to 100 static pages and additional CMS pages.

Is my payment data safe?

Gumroad acts as the payment gateway for our product and their payments are secured by SSL with 128-bit encryption and processed with PCI Compliant service providers. Find out more here.

Is there an enterprise license?

If you're a looking for more than 5 licenses, we would be happy to arrange a custom pricing model based on your team size. Just send us an email here at

I purchased a PRO license, can i upgrade?

We would be happy to offer you a discount and upgrade you based on your original license. Just send us an email here at

Can i get a tax invoice?

If you click the "Generate" button on your receipt from Gumroad after you have made your purchase, you will be given a detailed invoice with all the information you need. If you didnt do this at the time, send us an email at forgot, no stress! Just shoot us an email at

In the wild

The possibilities are endless |

See the output and whats possible when using Stratis UI. See some examples of whats already been created.


Keep current with updates

Be informed of any future updates, feature plans, assets and other resources
Thank you! Your submission has been received!
An error occurred when submitting the form.