Motion that lands
where you .

React Native components and screens where every result shows up on the thing you touched — a check, a stamp, a soft glow. Installed as source you own.

Browse components See all screens

Components: 247
Screens: 334
Free to use: 74
Runs on: iOS · Android

New

Recently launched

Browse all components

Waveform

Pro

Audio scrubber that shows playback as a filling waveform

Color Picker

Pro

Colour picker with a shade board, hue and opacity sliders, hex entry and preset swatches

Password Strength

Compact password strength meter for sign-up forms

Calendar Strip

Pro

Horizontal week strip with a selection disc that glides between days

Tag Input

Tag entry where what you type turns into a chip right where it is

Stories Progress

Pro

Segmented progress bar for stories that advances on its own

QR Code

Pro

Crisp QR code that stays sharp at any size and needs no extra library

Signature Pad

Pro

Signature pad with smooth finger-drawn strokes, undo and clear

PIN Pad

Pro

Numeric PIN keypad with a row of dots that light up as you type

Stat Card

Pro

KPI tile with a big figure, a trend delta and an optional sparkline

Screens

334 screen templates, ready to ship

Activity Rings Productivity

Task List Social

Social Profile Misc

Weather Detail Finance

Wallet Home

FAQ

A few things to know

Is LumioUI free for commercial projects?

Yes. The 74 free components are free to use in personal and commercial apps — the CLI copies them into your project, and you can change them to fit. Pro components and screen templates come with a paid Pro plan.

How do I install a component?

Run npx @lumioui/cli init once, then npx @lumioui/cli add button. The CLI copies the source into your repo, so it's yours to read and change. Pro items install with the pro/ prefix.

What does my project need?

React Native 0.81+ (Expo 54 or bare), Reanimated 4 and NativeWind v4. Free components run in Expo Go; a few Pro components use gesture-handler or native modules and need a dev build.

Can I change the design and animations?

Yes — it's your code. Colours come from semantic tokens, motion from a shared spring vocabulary, so a theme change or a softer spring is one edit away.

Do I need Pro to use the free components?

No. The free library stands on its own. Pro adds gesture-heavy components and the full screen-template catalog on top.

Start with one component.

Install the CLI, add what you need, and own every line.

npx @lumioui/cli add button

Browse components

Motion that lands where you tap .