Components

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

Inputs12

Selection7

Color SwatchProA colour picker row or grid. The chosen swatch settles inward while a ring springs out around it and a check pops in, in whichever colour reads best on top.5 variants

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

Buttons7

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

Like ButtonProHeart, star or bookmark that pops, throws a ring and a burst of coloured particles when liked, with an optional counter that rolls to the new number.5 variants

Morph ButtonProAsync button that shrinks into a circle with a spinner while your promise runs, then draws a success tick or shakes with an error cross before springing back to its label.5 variants

Shimmer ButtonProPremium call-to-action with a looping light sweep, a breathing glow halo or a beam of light orbiting the border — all native-driven, with spring press feedback and reduce-motion support.5 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

Motion2

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