Components

68 components · 329 live variants. Free cards are real React Native in your browser — Pro goes live with ExpoKit Pro.

Inputs11

Selection6

RatingProStar or heart rating you can tap or drag across (touch and mouse), with half-star precision. Icons fill smoothly, pop in a quick stagger with a wobble, and the top one throws a spark burst; read-only mode renders any fraction.5 variants

Buttons6

Floating Action ButtonProCorner FAB in a solid accent fill with a matching glow. Tapping it fans out a staggered speed dial — a labelled list or an arc — over a dimmed backdrop while the button turns neutral and the plus rotates into ×. Extended mode springs between a pill and a circle; an optional pulse ring draws the eye on empty states.8 variants

Morphing Button GroupProNewA row of buttons that morphs between sets: one button splits into two, two join into one, and a button that changes its label cross-fades it while it stretches. Ships with SignatureSheet, the pattern it was made for — a "Sign" pill that grows into a signing card whose Cancel splits into Reset + Confirm once you draw, and Confirm stretches into "Confirm Signature" before the card glides back down.2 variants

QR Code ButtonProNewA "Show QR Code" pill that swells under your finger and morphs, on a smooth ease, into a white card holding a real, scannable QR code — Copy and close below it. The code is encoded inside the component (byte mode, error correction M, every version up to 40) and drawn as one crisp SVG path, so there's no QR library to install.3 variants

Slide to ConfirmProSlide-to-pay track: drag the thumb and a glowing trail follows it towards a target that lights up, with haptic ticks along the way. Every look follows the accent as one solid colour (with an opt-in gradient variant); success draws a check, a failed onConfirm shakes the track and slides back.7 variants

Feedback5

Overlays4

Display9

CarouselProSnapping horizontal carousel where neighbouring slides shrink, fade or tilt in 3D with the scroll position (native driver). Dots, expanding dots or a progress bar, autoplay that pauses while you touch, and a per-slide progress value for your own parallax.6 variants

Swipeable RowProMail-style list row: drag sideways to reveal actions that fan out and grow with your finger. A full swipe stretches the edge action across the row and fires it — destructive ones slide away and collapse the row. PanResponder only, so it works with a mouse on the web too.3 variants

Motion3

Number TickerProAn odometer for your numbers — every digit rolls on its own spring (up when the value grows, down when it shrinks), staggered right to left, with a green/red colour flash, separators, decimals, prefix and suffix.4 variants

Orb RevealProNewAn onboarding hero built around a thick liquid-glass orb. Hold it and it swells while a deep blue smile of light glows through it; drag it up and it shrinks into a glass button, showing your title through the lens on the way — magnified in the middle, mirrored around the bevel, with a rainbow fringe — then glass marbles fountain out of it into a heart. Drag it back down and the marbles float away.2 variants