![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
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](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Faction-sheet.6b1ca7e7.png&w=640&q=75)
Action Sheet
A modal view that presents choices related to an action people initiate.
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Factivity-indicator.581e95f0.png&w=640&q=75)
Activity Indicator
Lets people know that your app isn't stalled while it loads content or performs lengthy operations.
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Factivity-view.c5ad73f1.png&w=640&q=75)
Activity View
Often called a share sheet, an activity view presents a range of tasks that people can perform in the current context.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Falert.0dda946e.png&w=640&q=75)
AlertNew!
An alert gives people critical information they need right away.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
Adaptive Search HeaderNew!
A screen header with a visible search input.
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Favatar.9615fe22.png&w=640&q=75)
Avatar
An image that represents a person on your platform.
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbottom-sheet.b73739a5.png&w=640&q=75)
Bottom Sheet
A bottom sheet helps people perform a scoped task that's closely related to their current context.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
Badge
Badges are small status descriptors for UI elements.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
Bottom TabsNew!
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
Button
A button initiates an instantaneous action.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
Checkbox
Checkboxes allow the selection of multiple options from a set.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcontext-menu.351e0f7c.png&w=640&q=75)
Context MenuNew!
A context menu provides access to functionality that's directly related to an item, without cluttering the interface.
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdate-picker.97034dc5.png&w=640&q=75)
Date Picker
A control for selecting an absolute date.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
Drawer Content
Drawer content is a container for the content of a drawer.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdropdown-menu.2fb90d24.png&w=640&q=75)
Dropdown MenuNew!
A dropdown menu displays a menu of items or actions that directly relate to the button's purpose.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
Form
Forms are used to collect user input.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
Large Title HeaderNew!
A screen header with a large title.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
List
Lists present data in one or more of rows.
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpicker.79534e65.png&w=640&q=75)
Picker
A picker displays one or more scrollable lists of distinct values that people can choose from.
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpoggers-indicator.bd543387.png&w=640&q=75)
Progress Indicator
Progress indicators let people know that your app isn’t stalled while it loads content or performs lengthy operations.
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fratings-indicator.8a1ea7af.png&w=640&q=75)
Ratings Indicator
Asks the user to rate the app in the iOS App Store or Google Play store directly from within the app.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsegmented-control.ee4b6251.png&w=640&q=75)
Segmented ControlNew!
A segmented control is a linear set of two or more segments, each of which functions as a button.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
Search Input
A search input is a text input that allows users to search for content in your app.
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fselectable-text.87db2ffd.png&w=640&q=75)
Selectable Text
A selectable text region.
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fslider.5c9155e9.png&w=640&q=75)
Slider
A slider is a horizontal track with a control, called a thumb, that people can adjust between a minimum and maximum value.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
Stepper
A stepper is a two-segment control that people use to increase or decrease an incremental value.
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftext.248372f1.png&w=640&q=75)
Text
Display, nest, style, and handle touch events for text.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
Text Field
A text field is a rectangular area in which people enter or edit small, specific pieces of text.
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftoggle.db3b151a.png&w=640&q=75)
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](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
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](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)
![Logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.28276aeb.png&w=2048&q=75)
NativeWindUI
$199
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.
![Light](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLight.622816cd.png&w=3840&q=75)