Light

From the maintainer of NativeWind

Familiar interface,
native feel.

Carefully crafted components that strive for a native look & feel. The perfect starting point for those that need to ship fast and look good doing it.

Components

Application UI

Logo

Action Sheet

A modal view that presents choices related to an action people initiate.

Logo

Activity Indicator

Lets people know that your app isn't stalled while it loads content or performs lengthy operations.

Logo

Activity View

Often called a share sheet, an activity view presents a range of tasks that people can perform in the current context.

Light
Logo

Alert
New!

An alert gives people critical information they need right away.

Logo

Avatar

An image that represents a person on your platform.

Logo

Bottom Sheet

A bottom sheet helps people perform a scoped task that's closely related to their current context.

Light

Badge

Badges are small status descriptors for UI elements.

Light

Bottom Tabs
New!

Light

Button

A button initiates an instantaneous action.

Light

Checkbox

Checkboxes allow the selection of multiple options from a set.

Light
Logo

Context Menu
New!

A context menu provides access to functionality that's directly related to an item, without cluttering the interface.

Logo

Date Picker

A control for selecting an absolute date.

Light

Drawer Content

Drawer content is a container for the content of a drawer.

Light
Logo

Dropdown Menu
New!

A dropdown menu displays a menu of items or actions that directly relate to the button's purpose.

Light

Form

Forms are used to collect user input.

Light

List

Lists present data in one or more of rows.

Logo

Picker

A picker displays one or more scrollable lists of distinct values that people can choose from.

Logo

Progress Indicator

Progress indicators let people know that your app isn’t stalled while it loads content or performs lengthy operations.

Logo

Ratings Indicator

Asks the user to rate the app in the iOS App Store or Google Play store directly from within the app.

Light
Logo

Segmented Control
New!

A segmented control is a linear set of two or more segments, each of which functions as a button.

Light

Search Input

A search input is a text input that allows users to search for content in your app.

Logo

Selectable Text

A selectable text region.

Logo

Slider

A slider is a horizontal track with a control, called a thumb, that people can adjust between a minimum and maximum value.

Light

Stepper

A stepper is a two-segment control that people use to increase or decrease an incremental value.

Logo

Text

Display, nest, style, and handle touch events for text.

Light

Text Field

A text field is a rectangular area in which people enter or edit small, specific pieces of text.

Logo

Toggle

A toggle lets people choose between a pair of opposing states, like on and off, using a different appearance to indicate each state.

Light

Toolbar

A toolbar provides convenient access to frequently used commands and controls that perform actions relevant to the current view.

Pricing

Buy once, use forever.

Every component package includes lifetime access, free updates, and examples.

Light
Logo

NativeWindUI

$299

Get lifetime access to all of the application UI, user flows, and components for a single one-time purchase. These components will be gradually introduced and updated over time.

LightGet all-access
© Ronin Technologies LLC 2024