WhiteUI.Store
arrow_forward
Design Resources
arrow_forward

IOTask is the largest UI kit for web SaaS apps and productivity tools

Design a project management, todo apps, CRM systems, and any other SAAS based app for web and mobile.
SaaS UI Kit
Project Management App Design
Design System for SaaS Apps
UI kit for SaaS Apps
IOTask Web UI Kit
SaaS UI Kit for Figma
SaaS UI design Kit
SaaS UI Kit for Sketch
Figma Design System for SaaS apps design
IOTask UI kit updates
IOTask UI kit preview
No items found.

About the product

IOTASK Web UI kit is a modern, clean, and very detailed UI design kit compatible with Figma and Sketch app. We designed 144 beautiful pages for your future SaaS project. Use a set of 386 unique UI kit components to build your digital product. All symbols and objects in the built-in Design System are vector-based and easily editable. This UI kit is perfect for any SaaS projects, project management services, team productivity portals, and ToDo tools. More about key features:

  • A set of 144 unique web pages: Resources for all kinds of SaaS tools and apps.
  • Based on a built-in design system: Ready-to-use design systems with Styles and responsive Symbols.
  • Compatible with Sketch and Figma: Work with your team to get impressive functional web and mobile apps using Sketch Stacks and Figma Auto Layout in minutes.
  • 389 Editable symbols: With our symbols and styles gallery, you will build your dashboard or page without any difficulties.
UI kit components

After purchasing this UI kit you will get Login pages, a Dashboard (Admin page), Project listings, Project management pages, Task pages, a Kanban desk, Calendar pages, Contacts listings, Profile settings, Inbox (Mail pages), and, Chat pages. See the live preview for more details.

This comprehensive design architecture is not just a collection of screens; it is a scalable system designed to adapt to your specific product needs. The strict adherence to component-based design ensures consistency across all 144 pages, facilitating seamless future updates and rapid prototyping. Whether you are launching a startup or migrating an existing enterprise-level service, IOTASK minimizes the design-to-development handover time. This focus on utility and organization translates directly into a more efficient workflow, empowering teams to concentrate on backend functionality while the front-end aesthetics are already polished and user-ready.

Package difference

With the latest release, we updated packages that you may purchase. If you purchased Personal or Commercial license packages, you can request to upgrade to Premium and Commercial packages. Please contact us about the upgrade, and you will need to pay only the difference between the purchased packages. Here you can find more details about packages available for new or existing customers:

  • Personal Package - includes only the web UI kit (144 pages and 389 UI symbols) and falls under personal license terms.
  • Premium Package - this package also falls under personal license terms but includes both web and mobile UI kits (286 pages and 444 UI symbols) combined into one source file compatible with Sketch and Figma.
  • Commercial Package - includes combined web and mobile UI kits (286 pages and 444 UI symbols), and falls under commercial license terms.

Please refer to the preview of pages for the web UI kit and screens for the mobile UI kit that you will get after the purchase.

Changelog

We constantly update the IOTask UI kit with new pages, featuresand maintain apps compatibility.

  • ๐Ÿš€ Sep 29, 2025 - In this version, you will find a rearranged Sketch file with full Stack feature support and an optimized design system with symbol variants in Figma.
  • ๐Ÿ”„ Mar 24, 2024 - New Design System with a modern design. Auto-layout support for Figma.
  • ๐Ÿ”„ May 24, 2021 - Added support for the latest Sketch and Figma features.
  • ๐Ÿ”„ Apr 15, 2020 - 26 New pages added.
  • ๐Ÿ”„ Dec 24, 2019 - 26 New pages added.
  • ๐Ÿ”„ Mar 24, 2019 - 36 New pages added.
  • ๐Ÿ”„ Aug 16, 2018 - Initial release.

Please note that the IOTask Mobile UI kit is sold as a completely separate product version or as a part of Premium Package. If you are looking to design responsive mobile applications alongside your web platform, you will need to purchase the mobile edition independently.

Product summary

file_export

144 Pages

responsive_layout

Breakpoints for

Web

folder_zip

layers

389 UI components

custom_typography

Google Fonts

activity_zone

Design System

contrast

Light and Dark UI theme

diamond_shine

Material Symbols & Icons

activity_zone

Framer components

format_shapes

Vector-based components

database

Content backed by Framer CMS

colors

Styles & Color Variables

account_tree

Well-organized design files

responsive_layout

Figma Auto Layout

mobile_layout

Sketch Stack Layout

Questions we get asked the most

add
add
add
add
add
How to access the Framer theme?
add
How to get 25% discount on Framer subscription?
add
add
add
Product Background

Explore more resources