Top 38 UI Kits for Designing Web & Mobile Apps

October 1, 2021

UI Kits can make designing a new app or website so much easier while also dramatically elevating the quality of your final product.

Choosing the right UI Kit can help improve your design & development process to be more efficient and to deliver quality work, faster.

We’ve selected 38 beautiful UI Kits designed by Gumroad creators and artists to help you take your projects to the next level.

Jumpstart your next web or app design project on Figma, Sketch, PhotoShop, and more, with these stunning UI Kits, or choose from drag-n-drop component libraries to spice up your existing work.

Ant Design System for Figma

Integrated with Figma, the Ant Design System by Mateusz Wierzbicki boasts a powerful UI kit based on React's most popular UI library. The Ant Design Figma UI Kit lets you build well-documented web and desktop apps quickly and easily. Kickstart your next project with ready-to-use layout templates, 3-style icons, auto layout and styles -- available in both a light and dark theme.

Download via Gumroad 

Chakra UI Pro

Using Chakra UI by Segun Adebayo, you can create unlimited web applications and ship your product faster with 100+ pre-made Marketing and Application UI components. All components are responsive, easy to use, and visually appealing. Build products faster with well-organized and designed React components: enjoy TypeScript code snippets and components that are optimized for accessibility with schema.org HTML, aria-attributes, etc. 

Download here via Gumroad →

Material X - Design System & Figma UI Kit

Material Design System for Figma by SetProduct contains an impressive amount of ready-to-use components to accelerate the application development, save time and money: with 1000+ dark & light UI components, 120 templates, and 1000+ material icons. Quickstart a Material project or Android app in Figma and easily build consistent layouts based on material guidelines. As a bonus, Material X includes 1100+ components & 40 app templates beyond Material Design!

Download via Gumroad

Cabana 5 - Design System for Figma 

Cabana 5 is a Design System for Figma by Marc Andrew that enables you to create UIs quicker, allowing you to present your design ideas much faster. Kickstart your next project with 1080+ main components, 1700+ Icons (2 Icon Sets - Tabler & Eva), 650+ highly-customisable pre-styled Components — all for a one-time payment (no subscription). This asset includes 5 Bonuses such as 37 desktop & mobile examples, 176 design blocks, 15 tutorial videos, a wireframe kit & a special discount.

Download here via Gumroad →

Eva Design System

Akveo Design created the popular Eva Design System which includes both the Sketch & Figma design assets, as well as coded UI components for Angular and React Native. Skip hours for implementation, testing and maintenance, with Eva’s end-to-end, customizable Design System based on Atomic Design Principles. Eva Web makes it easy to create awesome designs for web applications and dashboards, streamlining your entire process from design to development. With a single visual language for mobile and web, all components of Eva are developed based on consistent style guidelines.

Download here via Gumroad →

3DMADE: Cool 3D Objects for UI Design

3MADE by Manisha Verma is a pack of super cool 3D shapes to use in your projects. With customizable tones, surface textures, and colors, these high-resolution shapes are perfect for creating beautiful presentations, posters, apps, websites, and more! Enjoy 30+ high-resolution 3D shapes available in two styles: Glossy and Metallic, with easy color and tone customizations in Figma, bonus templates and surface textures, and all source files (PNG, C4D and OBJ).

Download here via Gumroad →

Saas Blocks UI Kit

Gene Maryushenko created SaaS Blocks UI kit to enable founders, designers & developers to create the perfect SaaS website and remove the painful guesswork of web design. Focus on your product and let SaaS Blocks handle the presentation, with 110+ beautiful blocks (with more to come), including Tailwind CSS coded components and Figma files. Streamline your workflow with these fully-customizable blocks made specifically for SaaS companies, available in both light & dark mode.

Download here via Gumroad →

UI Prep Design System UI Kit for Figma

Designers can create beautiful, user-friendly, scalable designs in a fraction of the time with this Figma UI Kit and design system by UI prep. It includes Figma files (light & dark), with 100+ styles and 100+ icons, all designed with auto-layout 3.0 on an 8pt grid system for easy editing. A simple one-time fee gives you access to the Design System (and any future updates) for life!

Download here via Gumroad →

Figma Charts & Infographics UI Kit

Crete Figma Charts & Infographics in seconds with this library of components, which contains the most common data visualization patterns: from simple bar charts to complicated heatmaps and financial candlesticks. Perfect for dashboards, presentations, visualizations or any other type of data-design projects. This library from Setproduct has you covered with 25+ DataViz categories: Matrix charts, Treemaps, Bullet charts, Distribution, Financial, Cohort charts, Gantt, Gauge, Hexbin, Radar charts, Polar, Sankey, Histograms, Heatmaps, Bubble graphs, and all the classics (pie, bar, etc.).

Download here via Gumroad →

Untitled UI – Figma UI Kit and Design System

Untitled UI was built to be professional quality, while neutral and flexible enough for any design project. Kickstart any website or app, save thousands of hours, and level up as a designer. Tired of wasting thousands of hours starting from scratch on every project and rebuilding the same components? Untitled UI comes packed full with everything you need to design modern and beautiful UI and websites. 350+ global styles, 10,000+ components and variants with Auto Layout 3.0, and 420+ ready-to-go desktop and mobile pages.

Download here via Gumroad →

Full iOS 15 UI Kit — Figma Design System for Mobile Apps

Design pixel-perfect iOS apps with this iOS 15 UI design system for Figma based on Apple’s native design principles: with 3300+ variants of 100+ components, powered by Figma auto-layout 3.0. The author, Kolpikov designed this asset using Apple’s native style guides and free Apple’s SF Pro font with original latest SF Symbols. Leverage this customizable & adjustable mobile design system with 320 ready-to-use app layouts: use the screens as-is, or customize as you see fit. Save time and never design from scratch again with Full iOS UI Kit: a well-organized library to help you learn Figma and take your UI design skill to the next level!

Download here via Gumroad →

Hand-drawn Wireframe Kit

Upgrade your design process by integrating hand sketches in your digital designs with the Hand-drawn wireframe kit by Koos Looijesteijn. With this kit, you can enhance your hand-drawn sketches in Figma. At the end of the day, using a marker and a piece of paper is still the fastest way to visualize creative ideas; now you can do the same directly in Figma! You can even use your own handwriting (or something that looks like it) by changing the type styles. All component lines have variable widths for that wobbly marker look.

Download here via Gumroad →

The Design Encyclopedia: The World’s Largest Figma Design System

The Design Encyclopedia heralds itself the culmination of a decade's worth of product design experience and the world's largest commercially-available Figma UI system. This aptly-named encyclopedia includes: 400+ UI Token Variants, 200+ UI Component Variants, 23 Complete Interaction Patterns, 17 Unique Page Templates, 55 Charts in both Light and Dark. Best of all, it’s not a subscription. Pay once, and it’s yours for life.

Download here via Gumroad →

Tetrisly  -  Starter Kit to Create Design System's UI Component Library

“Trusted by over 1000+ designers,” Tetrisly presents itself as more than “another useless UI Kit”, but rather an entirely new approach to creating a smart scalable structure for your next product. Tetrisly is an expertly-crafted & organized Component Library supporting all recent Figma & Sketch features: resizable components, nested Symbols and Overrides, Layer and Text Styles, and Auto Layout & Variants. With 500+ customizable components' skeletons, you can easily create UI component libraries for your products or design systems.

Download for Figma  •  Download for Sketch →

Xela UI Kit - Figma Design System. Mobile & Desktop Templates

With 1900+ variants of 30 component categories to craft perfectly shaped desktop & mobile apps, the Xela UI Kit by Alexander.G is powered by Figma auto-layout 3.0, modern style guides and the free Nunito Sans font. This customizable & adjustable dashboard design system includes 50+ ready-to-use app layouts: modify them or use as-is and never design from scratch again. Xela UI kit is a well-organized library to help you learn Figma and take your UI design skill to the next level! You can also get the fully-coded Swift UI components & ready-made screens here to further accelerate your app development.

Download here via Gumroad →

Plaster 2 - Mobile Design System

Create beautiful applications with bulletproof guidelines built into a powerful design system: Plaster by Buninux is a design system boilerplate and a UI kit for mobile application design. Plaster strives to make modern mobile guidelines maximally open to customization and repeated use by binding them with a single set of rules. Take advantage of Plaster’s massive component library: over 1.6k+ components for Android and iOS, tuned to perfection, and ready to be used to create professional mobile application design. Use Plaster to unlock hidden potential and discover techniques that will save you hundreds of hours.

Download here via Gumroad →

The Everything Bundle - Axure Themes

Axure RP is a powerful design tool for creating highly interactive HTML prototypes for web, mobile, and desktop application projects. Axure Themes has developed over 26+ different templates and assets for Axure, ranging from popular libraries like Bootstrap (3 and 4), Android & iOS, Salesforce, & Chart.js to specific projects like Agency websites, Slack apps, & more. With this bundle, you will get access to all of Axure Theme’s existing creations + any future releases -- you can even suggest what to build next! 

Download here via Gumroad →

Core Design System - Figma, Sketch, Adobe XD, Studio - UI Kit

Supercharge your workflow with the Core Design System UI Kit for Sketch, Figma, Adobe XD and Studio. This design system by Ryan Sael is a great fit for projects of any scale, keep visual consistency and work faster, with all 4 file types of design application at a single price. Enjoy over 200 components, available in light and dark themes, full compliance with WCAG 2.0, more than 120 handcrafted icons, smart layout, auto-updating components, and more -- no plugins required.

Download here via Gumroad →

Reuse Multipurpose Web and Dashboard Kit

The 1600+ components in the Reuse Multipurpose Web and Dashboard Kit by Pruthvi are carefully organized in multiple categories: from Buttons, Text Fields, and Form Fields to Accordions,Charts, Cards, Modals, & more. The components are also organized in familiar and common groups for web apps (ie. Headers, Sidebar, Calendar, Chat, etc.). Get your creativity flowing by starting with one of the pre-made web apps such as Dashboard and Calendar, with Dark and Light versions for all design elements.

Download here via Gumroad →

Bootstrap eCommerce UI Kit for Developers

If you’re creating an eCommerce project with Bootstrap 4, you’ll want these pre-made HTML components and UI elements. The developer version of the Bootstrap eCommerce UI Kit comes with clearly-coded files in HTML, CSS and SASS. This developer-friendly UI kit from TemplateMount features fully customizable and easy-to-use and easy-to-implement in any ecommerce project, including with 50+ components like product cards, headers, footers, shopping carts... 

Download here via Gumroad →

Nile Dashboard & Design System (Figma)

Nile Dashboard by Dlex is a comprehensive design system featuring modular components to help build consistent, high-quality and performant web apps. This UI kit is systematized to the core, from the grid, spacing, typography, coloring all the way to components and layouts. Nile Dashboard is an atomic design system, with modular components that are highly unique and yet, deeply integrated + a powerful coloring system, available in both light and dark modes for easy theming.

Download here via Gumroad →

Momotaro Mobile UI Kit V2

This health and fitness UI kit from Grace Saraswati contains many UI components that you can use for design inspiration or speed up your design workflow. With 40+ high-quality screens compatible with Sketch and Figma, you can easily create a mobile with a fun, modern, and clean style. Don’t start from a blank canvas and speed up your design with this friendly UI kit.

Download here via Gumroad →

Events Mobile App - Ticketing & Social UI Kit for Figma & XD

TicketSwipe is a high-quality mobile app UI Kit from VIP.graphics, including 40+ pixel-perfect, hand-crafted screens for a live event ticket discovery & booking social platform — ideal for the sports & entertainment industry. Jumpstart your next startup or social app idea with this user-friendly UI kit, compatible with both Figma and Adobe XD (both free prototyping software).

Download here via Gumroad →

Figmaster Plugin

Figmaster is a plugin for Figma from Mateus Wierzbicki (creator of the Ant Design System for Figma). It is a workbook that contains a large set of exercises on how to build your modern design system from scratch.  learn and create your guide style and component library simultaneously. It is a format that will help you get the most out of each lesson. By learning - you create, and by the way, you get to know keyboard shortcuts, plug-ins, and techniques of working in Figma that will speed up your workflow. Best of all: Everything happens in Figma - no distractions.

Download here via Gumroad → 

Zhuck Mobile App Wireframe Kit

The Zhuck Mobile App Wireframe Kit is the best time-saving tool for UX/UI designers. Konstantin Zhuck started working on it as a personal project and shared the process on my Instagram. By popular demand, Zhuck decided to make the UI Kit publicly available to use. Enjoy free future updates with 60+ wireframe screens built with Autolayout, 11 categories, 270+ Figma Components + Variants, and more!

Download here via Gumroad →

SpiroKit Design System

SpiroKit is a collection of carefully crafted components and design principles by Mauro Garcia to quickly transform an idea into a prototype. SpiroKit uses Figma variants globally with hundreds of building blocks, which allows you to easily try out different variations of each component. Each component was built applying the atomic design philosophy, meaning that you'll get hundreds of building blocks to mix and match to create unique screens in minutes. You can easily switch back and forth between light & dark.

Download here via Gumroad →

HaDeet - Habit Tracker Mobile App UI Kit

HaDeet is a Habit Tracking App iOS UI Kit that was specifically designed for iOS devices by Motu UI Square. It includes 50+ carefully crafted mobile application screens and 100+ Components. Use this UI kit to make your next iOS Habit Tracking application project vibrant and appealing. 

Download here via Gumroad →

Trukight App UI Kit

Trukight – Freight or Logistics UI Kit for Figma by Mobile Themes is a pack of high quality screen templates and set of UI elements that will help you to design or prototype a logistic related app project. This template includes 35 unique and modern User Interface screens in Figma format. You can edit and customize easily using Figma: 35 High Quality Screens and 40+ Variant based components to get your creative juices flowing.

Download here via Gumroad →

Two Dashboard & Mobile UI Kits for Figma

This 2-in-1 Material–X & Mobile–X UI kits bundle from Setproduct has everything you need to build and release an app faster! Design trendy web / mobile apps faster in Figma with 17 components, 869 variants, and 150+ templates. Stop creating from scratch the same buttons, icons and modules along with every new project started: this UI kit bundle has everything you need to design mobile apps for Android & iOS.

Download here via Gumroad →

Prime 3.0 - Design Starter Kit for Sketch


Prime 3.0 describes itself as more than a UI kit, it is a Design Starter Kit. This third evolution of Prime & includes a set of 7 UI Libraries created by Thalion from UXMisfit.com that helps you create better designs faster. Never start from scratch again: jumpstart your next mobile/web app or design System The kit lets you design quickly with world-class standards out-of-the-box.

Download here via Gumroad →

UXToolset - One Toolset To Cover Your UX Process Needs

Improve your daily UX work and create wireframes, flowcharts, user flows, diagrams, prototypes, and hand-off documentation with drag & drop fully scalable components for Sketch / Figma. UXToolset includes hundreds of vector flow chart cards, diagram elements, scalable arrows and other components for creating quick sitemaps, as well as scalable arrows, shapes, and elements perfect for creating detailed and quick flows.

Download here via Gumroad →

Squid 2.0 - User Flow Kit

Squid 2.0 is the go-to UX Kit For User Flows, Diagrams, Mind Maps, User Journeys and Site Maps. Create beautiful flows in just minutes with this template for Sketch & Figma created by Thalion from UXMisfit. Enjoy easy UX mapping with 500+ Components for User Flows, 216 Flows in various types, 180+ Customizable Styles, 128 UI Templates (Web, Mobile, Wearable) and more. Everything is designed for easy editing using color variables, smart layout, and the latest features of Figma & Sketch.

Download here via Gumroad →

Dashboard UI Kit 3.0

The Dashboard UI Kit by Jan Losert is a design system for web apps and dashboards developed in React, with UI screens available for Sketch, XD, and Photoshop. This coded template has everything you need to save hundreds of hours designing & coding your next dashboard. The Code+Design package includes clean code for more than 90+ React components + 15 screens coded in React, as well as 60 Sketch UI screens for 4 conceptual apps (social network, BnB, Support, Project Management).

Download here via Gumroad →

Frames 2 - Web Design System

Frames 2 by Buninux is a design system boilerplate and a UI kit made for Sketch in order to solve routine tasks faced by designers and developers. Easily customize your project colors and styles with a design system control center and keep your project in sync and easily handoff with an auto-updatable style guide. Kickstart your next project in minutes with 160+ carefully designed web blocks and layouts and 1000+ powerful components including mockups, charts, and graphics. Design faster, create beautiful website designs, save time and money developing your web project with this kit trusted by 2.6k+ designers and 100+ teams including Apple, Google & IBM.

Download here via Gumroad →

BetaCRM - UI Kit for SaaS and CRM Admin Dashboards

The BetaCRM UI Kit includes 85 beautiful web pages and 85 mobile app screens for designing SaaS customer relationship manager (CRM) dashboard and productivity tools. This set of 200+ unique UI kit components will help you quickly build your own SaaS dashboard. This UI kit by WhiteUI.Store is perfect for any SaaS projects, CRM Admin Dashboards, E-commerce, and Sales management.

Download here via Gumroad →

Frrames Mockups. From Chrome to Figma

Frrames by Craftwork is a set of perfectly crafted responsive windows mockups for your ideal presentation. Every mockup is created in the vector, with all your favorite apps. Over 30 different frames: including all common browsers (ie. Google Chrome, Firefox, Safari, Opera Light) as well as other apps (ie. Adobe Illustrator, Adobe Photoshop, Slack, Adobe XD) with both light & dark mode versions for both Windows & Mac, as well as iOS and Android devices. Easily edit & resize in any design app: Sketch, Photoshop, Adobe XD & Figma.

Download here via Gumroad →

Open Art - Free NFTs UI Kit for Figma

Open Art is a free UI kit for designing an NFT marketplace in Figma. Create stunning NFTs applications with bulletproof guidelines and thoughtful components. This free NFT library by Open UI Design contains more than 50+ components supporting Dark Mode and 60+ ready to use mobile screens. Best of all, this UI Kit is completely FREE: available for commercial and personal use under CC0 License.

Download here via Gumroad →

Open Source Dashboards UI Kit

The Open Source Dashboards UI Kit by Craftwork is a set of ready-to-use templates and clean basic elements for visualizing statistics and key business data. Explore this pack with vibrant widgets and stylish vector elements. This UI Kit is 100% customizable and easy to edit in Sketch & Figma. Explore more resources like this with Craftwork Pro Access.

Download here via Gumroad →

*Note: we’ve done our best to accurately represent the free and paid products, but creators may change their prices at any time.

Being an artist or designer is amazing, but with these examples, you can see it’s possible to make a living doing what you love.

You can get started with Gumroad for free today.

Just create an account and follow the steps to start selling online.

Want to read more?

Check out our Top 37 Procreate Brushes for Artists on Gumroad.

To your success,

Gumroad

Found value in this article? Share it below.