Skip to content

Drops Lifetime — $56Pricing Market About

Home Drops PricingSign in

© 2026 Motionary Inc.
All rights reserved.

Product

Explore
Sell

Company

About

Legal

Privacy Policy
Terms of Service

Social

What's Included

TypeScript source (Container.tsx with the CodeBox cell)
App entry wiring (GestureHandlerRootView + KeyboardProvider)
Configurable constants (cell size, gap, code length, separator, colors)
Demo screen
README with install + usage

About the Project

Built with react-native-reanimated v4 — every animation runs on the UI thread via shared values, interpolate, and interpolateColor, so there are no per-frame React re-renders. A single hidden TextInput captures keystrokes while the visible cells are plain views driven by React state; each CodeBox owns its own digit/placeholder shared values. The focus indicator slides with withTiming (offset for the middle separator), invalid input triggers a withSequence wiggle plus a blue→red border flash, and the loading wave sweeps cell opacity with withRepeat. react-native-keyboard-controller drives the submit button as the keyboard opens/closes via KeyboardStickyView. Tested on Expo SDK 56 (iOS + Android). Note: keyboard-controller is a native module, so a development build (expo run:ios / run:android) is required — it will not run in Expo Go.

OTP Code Input preview

Created bymehdi_made

OTP Code Input

$5

Rarereanimatedexporeact native keyboard controllerreact native gesture handlerreact native

A six-cell verification-code (OTP) input with a sliding focus indicator, digits that rise and fade in as you type, a wiggle and red flash on invalid input, and a shimmering wave while the code verifies. Drop it into any auth, 2FA, or phone-confirmation flow.

File Details

Total Size

2.07 MB

Code

package.json

More from mehdi_made

Receipt Printer

Receipt Printer

The iPhone Dynamic Island morphs into a thermal printer and feeds out a receipt line-block by line-block, then tap to tear the finished sheet away. Perfect for checkout confirmations, order-success screens, paywalls, or any moment worth celebrating.

Telegram Swipe Actions

Telegram Swipe Actions

A Telegram-style chat list row you can drag either way to reveal circular action buttons — Mute, Delete, Archive on the left drag, Unread and Pin on the right. Buttons stagger in as the row travels, overdragging stretches the edge button into a pill that fires its action on release, and only one row can ever be open at a time. Drop it around any list item (FlatList, LegendList, FlashList) that needs iOS-grade swipe actions.

Flip Calendar

An Apple-Calendar-style card whose big day number split-flaps through dates like an airport board or flip clock. Every flip is driven by a single 0..1 shared value, so you can scrub it with the included drag slider or play it through with a spring or timing the control and the calendar can never disagree.

Still circling? Snatch it.

Most crows would've grabbed something by now.

OTP Code Input

$5

Or take the whole nest — every drop, $56 until Jul 31, 2026