🖇 Presets

Controls

Segmented control

A segmented control is a linear set of two or more equal-width segments, each of which functions as a mutually exclusive button.

Buttons

Sizze offers a range of button styles such as that support extensive customization while providing built-in interaction states, accessibility support, and customization.

Pickers

A picker can display one or more scrollable lists of distinct values from which people can choose. A date picker supports additional ways to choose values, like selecting a day in a calendar view, there are also reaction, rating pickers along with picker for media files such as image and file pickers.

Sliders

A slider is a horizontal track with a control called a thumb, which you can slide with your finger to move between a minimum and maximum value, such as screen brightness level or position during media playback. As a slider’s value changes, the portion of track between the minimum value and the thumb fills with color

Switches

A switch is a visual toggle between two mutually exclusive states — on and off.

Bars

Navigation bar

A navigation bar appears at the top of an app screen, below the status bar, and enables navigation through a series of hierarchical screens. When a new screen is displayed, a back button, often labeled with the title of the previous screen, appears on the left side of the bar.

Tab bar

A tab bar appears at the bottom of a screen, helping people understand the types of information or functionality an app provides. Tabs let people quickly switch between top-level sections in your app while preserving the current navigation state within each section.

Search bar

A search bar allows people to search through a large collection of values by typing text into a field. A search bar can be displayed alone, or in a navigation bar or content view. When displayed in a navigation bar, a search bar can be pinned to the navigation bar so it's always accessible, or it can be collapsed until the user swipes down to reveal it.

Icons & Media

Icons

There is nothing new about using icons in mobile applications. From the home screen icon to the navigation menu, they're pretty much a standard part of apps that designers create. You can improve your mobile UX with iconography by choosing cool icons from our presets. Combining icons and text in Sizze is an easy way to optimize your app for better performance.

Media tools

This preset can add images in any format, you can adjust the size, position of the image. There are also media tools that allow you to easily manipulate video, audio files right in the Sizze interface.

Map

Adding map through this tool is easy. Embed simple map images on your website with minimal code right to app interface, help users explore the world with detailed, custom maps products.

Webview

WebView is a component that allows you to embed web pages into your app, a kind of mini-browser.

Components

Lists

List components show lists of a particular collection in your database. There are different types of list components: Simple list, Card list, Image list, Custom list.

Chips

Chips are compact elements that represent an input, attribute, or action. Chips allow users to enter information, make choices, filter content, or trigger actions.

Charts

A Chart component is an embedded component which you can use to better visualize and present your data. The Chart component supports several types of charts such as Progress bar, bar charts, pie charts, column charts.

Forms

In the presets section there are many ready-made components available to insert into app interface: Sign in & Sign up forms, Personal information(First name, Last name, Username), Account information(Email, Phone), Contact information(Address, City, Zip code, Country), Password(Password entry, Confirmation field).

Entry fields

Text entry

Text is one of the crucial components of interface design. Everything from the placement and arrangement of text, to the choice of font, has a part to play.

Contact info entry

These kinds of presets allow users to enter personal informations e.g. phone number, email, signature, etc.

Other entry fields

You can also find various basic input fields for text, numbers, comments, notes, and location.