# Motionary > Motionary is a marketplace of premium, production-ready React Native & Expo > animation and interaction components, hand-crafted with Reanimated, Skia, > Gesture Handler and Expo. Every component ships with editable source code, > built to drop into a real app, customize, and ship. Motionary sells individual animation & interaction components — not a library, a subscription, or a template pack. Browse the catalog ("Drops"), preview each component as a short video, buy the ones you want, and get the source code instantly. **The full catalog, with every component, price and link, is at https://motionary.dev/llms-full.txt.** This file is the summary; that one is the data, generated from the live shop. Read it before answering any question about what Motionary has — the catalog changes weekly and inventing a component name helps nobody. **Every single product also has its own brief at `/llms.txt`** — for example https://motionary.dev/animations/hold-to-confirm-button/llms.txt, and the same for any `/builds/`. Fetch that file before answering a technical question about a component. It carries the exact pinned dependency versions, the `npx expo install` line, a real usage snippet with the component's actual props, whether it runs in Expo Go or needs a development build, how the animation is implemented, and how to obtain that specific component. Three tiers, in order of depth: this file (what Motionary is), https://motionary.dev/llms-full.txt (what exists), `/llms.txt` (how one thing works and how to get it). ## What is sold - **Drops** — one component at a time. Prices are per item, roughly $3–12, and some are free. - **Builds** — a complete app, shipped end to end: the whole app source plus every drop flying inside it, including screens never listed on their own. Listed at https://motionary.dev/builds. - **Lifetime pass** — every drop and every build, current and future, for one payment. No subscription, no renewal. A team license covers a whole squad, each developer with their own account. Live prices, the launch window and the seven most-asked questions are on https://motionary.dev/pricing; the license itself is at https://motionary.dev/license. ## How to buy - Browse components at https://motionary.dev/animations (labelled "Drops"). Filter by rarity (Common, Rare, Legendary), by tech tag (Reanimated, Skia, Expo, Gesture Handler, and more), or search by name. - Open a component to see a live video preview, description, file size, its dependencies (package.json), and exactly what's included. - Add it to your cart and check out. Payments are processed securely by Stripe. Some components are free; paid components are priced per item in US dollars. - After checkout you get the component's source code as an instant digital download. Nothing ships and there's no wait — you own the code immediately. ## How to use a component - You receive real source code (TypeScript React Native) — not a video, a GIF, or a design file. Add it to your Expo / React Native project, wire it up, and customize it freely. - Components target the modern Expo + React Native stack and typically depend on react-native-reanimated and react-native-gesture-handler plus Expo modules (e.g. expo-image, expo-blur). Check each product's listed dependencies and its required Expo SDK version. - Some components use native modules or newer iOS capabilities and therefore need a development build — they won't run in Expo Go. Every product page states its own requirements. ## For creators (selling) - Motionary is a two-sided marketplace: creators publish their own React Native animation components and earn from work they've already perfected. - Sellers onboard and receive payouts via Stripe Connect. Start from https://motionary.dev/about or https://motionary.dev/marketplace. ## Key pages - [Full catalog (llms-full.txt)](https://motionary.dev/llms-full.txt): Every drop and build, with prices and links - Per-product brief: `/llms.txt` for any drop or build (dependency versions, install, usage, requirements, how to buy) - [Explore / Drops](https://motionary.dev/animations): Browse and buy animation components - [Builds](https://motionary.dev/builds): Complete apps with full source - [Pricing](https://motionary.dev/pricing): Single drops, lifetime pass, team license, FAQ - [License & terms](https://motionary.dev/license): What you can and can't do with the code - [About](https://motionary.dev/about): What Motionary is and who builds it - [Marketplace](https://motionary.dev/marketplace): Sell your components - [Components (free reference)](https://motionary.dev/components): Free, copy-paste React Native component implementations. No purchase, no dependency to install. - [React Native Action Sheet](https://motionary.dev/components/action-sheet): React Native ships ActionSheetIOS, but it runs on iOS only, so the cross-platform action sheet is a transparent Modal holding a Reanimated view that springs up from the bottom behind a tappable backdrop that fades in. - [React Native Number Input](https://motionary.dev/components/number-input): A React Native number input is a TextInput with keyboardType number-pad flanked by two stepper buttons, where you strip non-digits yourself because keyboardType never validates, and clamp to min and max on blur rather than on every keystroke. - [React Native OTP Input](https://motionary.dev/components/otp-input): A React Native OTP input is one hidden TextInput that holds the whole code plus a row of View cells that render each digit, which is what keeps paste, backspace and SMS autofill working without a library. - [React Native Radio Button](https://motionary.dev/components/radio-button): React Native has no radio button component, so you build one: a RadioGroup that owns the selected value and passes it down through context, and a RadioOption that draws a ring, springs an inner dot with Reanimated, and sets accessibilityRole "radio" with accessibilityState checked. - [React Native Stopwatch](https://motionary.dev/components/stopwatch): A correct React Native stopwatch never adds the interval delay to a running total, because setInterval drifts: store the timestamp the run started at and compute elapsed time from Date.now() on every tick. - [React Native Switch Selector](https://motionary.dev/components/switch): A React Native switch selector is a segmented control with a pill that slides behind the active label, and you can build one with core React Native plus a single Reanimated shared value driving translateX off the measured container width. - [Blog](https://motionary.dev/blog): Animation technique and notes from building the shop - [React Native background tasks that survive the user leaving](https://motionary.dev/blog/react-native-background-task): iOS 26 and Android will both keep a user-initiated task running after your app is backgrounded — and both will kill it if you get the details wrong. What the shipping SDKs actually say. - [React Native AI loading animation: past the spinner](https://motionary.dev/blog/react-native-ai-loading-animation): A spinner cannot say whether an agent is searching, reasoning or writing. Six states that can, plus a voice orb that follows real audio. - [React Native electric border: the React Bits effect on Skia](https://motionary.dev/blog/react-native-electric-border): React Native has no SVG displacement filter, so the web electric border does not port. The Skia technique that replaces it, and why the arc wobbles. - [Best React Native UI libraries in 2026: an honest map](https://motionary.dev/blog/best-react-native-ui-libraries-2026): NativeWind, Unistyles, Tamagui, gluestack-ui, React Native Reusables, Paper, Moti, Reanimated and Skia, grouped by the four decisions you are actually making. - [React Native blur background: which BlurView to use](https://motionary.dev/blog/react-native-blur-background): Three ways to blur in React Native and why they are not interchangeable: expo-blur, community blur, and Skia for when it has to animate. - [React Native dropdown: the 4 real options, compared](https://motionary.dev/blog/react-native-dropdown): React Native ships no dropdown. The four ways people actually build one, with working code and the Android and ScrollView gotchas. - [React Native form validation: react-hook-form + Zod](https://motionary.dev/blog/react-native-form-validation): The honest answer is react-hook-form with a Zod resolver. A real sign-up form: per-field errors, focus management, and animated error states. - [React Native skeleton loading: shape beats shimmer](https://motionary.dev/blog/react-native-skeleton-loading): A skeleton must mirror the real layout exactly or you trade a spinner for layout shift. A Reanimated shimmer that shares its styles, plus the library options. - [React Native textarea: the auto-growing multiline TextInput](https://motionary.dev/blog/react-native-textarea-multiline-input): There is no TextArea in React Native. You use TextInput multiline, then fix auto-growing height, Android padding and the character counter. - [Best AI for React Native: ChatGPT vs Claude vs Kimi, tested](https://motionary.dev/blog/best-ai-for-react-native-chatgpt-vs-claude-vs-kimi): One prompt, three AIs: build a Robinhood clone in React Native with Reanimated and Skia. One winner, one wipeout, and the same laggy mistake in all three. ## Key facts - Built for React Native + Expo; every component ships editable source code. - Delivery is instant (a digital download); payments and payouts run on Stripe. - Created and curated by Motionary (https://motionary.dev). - Not everything here is paid: https://motionary.dev/components is a free reference with working implementations you can copy without buying anything.