Download your bonus Free Goods before time runs out!
0 Days
0 Hrs
0 Min
0 Secs

GAMUT - Mockup Builder for Sketch

Live Preview


The Gamut UI kit contains tons of symbol components and layout blocks which can be used to make any customized site design in minutes. From the splash page to the dashboard, cut your mocking time in half. All of the components have consistent styles, are easily editable, and be integrated simply using bootstrap 4 guidelines, allowing you to create hundreds of solutions for your projects.

A high-quality solution that actually saves time:

‘150+’ Components

  • 72+ - General Elements and icons
  • 5 - Sets of typography pairings (Google Fonts)
  • 31 - Devices & Extras
  • 10 - Header/Nav layouts
  • 10 - Hero layouts
  • 9 - Footer layouts
  • 8 - Feature/Product layouts
  • 14 - Content layouts
  • 4 - Pricing layouts
  • 7 - Dashboard elements
  • 3 - Team layouts
  • 3 - Blog/Article layouts
  • 4 - Contact layouts
  • 3 - Sample layouts

Sketch Flexibility

Gamut contains tons of well organized symbol components that you can quickly edit and instantly reflect in multiple mocks. A kit that truly leverages the power of Sketch.

Atomic Design Principles

Gamut uses the concept of Atomic Design by making a system of components in order to more efficiently create sites and web apps. Design systems with simple elements or complicated groups in mere minutes.

Block Model

Easily combine components to produce a multiple of design projects. Based off of a 12 column grid system (1200 pixel width) and Bootstrap 4 elements for easy development. It’s incredibly easy and has tons of reusable options!

High Quality Design Elements

Best in class styles, typography, devices, and prebuilt layouts gives you the polish you need to present to discerning clients.

Built with speed in mind, the Gamut Wire Kit will enhance your teams ability to rapidly test concepts.

{{ pagination.totalCount }} Comments

You must be signed in to post a comment.

Showing {{ pagination.fromCount }} - {{ pagination.toCount }} of {{ pagination.totalCount }}

How do I contact support?

If you need help with the product, please contact the shop owner by visiting their shop profile and sending them a message. For anything else (licensing, billing, etc), please visit our Help Center.

How can I unzip product files?

PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.

Mac: Double click the .zip file, then search for the product folder or product file.

If you continue to have trouble, check out this help file for more tips.