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 for Figma
Project Management App Design
Design System for SaaS Apps
UI kit for SaaS Apps
IOTask Web UI Kit
IOTask Web UI Kit
SaaS UI Kit for Figma
SaaS UI design Kit preview
SaaS UI Kit for Sketch
Figma Design System for SaaS apps design
IOTask UI kit preview

About Product

IOTASK Web UI kit is a modern, clean, and very detailed UI design kit compatible with Figma and Sketch apps. 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, features, and maintain app 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 part of the 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

Pages144 Pages
BreakpointsBreakpoints for Web
UI Components389 UI Components
Google FontsGoogle Fonts
Design SystemDesign System
Material IconsMaterial Symbols & Icons
Design FilesWell-organized design files
Vector-based componentsVector-based components
Color VariablesStyles & Color Variables
Sketch Stack LayoutSketch Stack Layout
Figma Auto LayoutFigma Auto Layout

Questions we get asked the most

Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Background

Explore more resources