# Telegram Quick Share — React Native component from Motionary > A long-press share menu matched frame by frame to Telegram: hold the share button, slide across recent chats and let go to send. The chosen avatar arcs into a toast and turns into a checkmark, with an envelope-to-bookmark variant for Saved Messages. Drop it into a chat, feed or post list that needs one-gesture sharing. Product page: https://motionary.dev/animations/telegram-quick-share Price: $9 USD (live price on the product page) License: single developer, unlimited personal and commercial apps Delivery: instant download of the full TypeScript source after checkout Stack: expo, react native, react native svg, react native gesture handler, reanimated Rarity: legendary Sold by: Motionary (https://motionary.dev) ## What it is A long-press share menu matched frame by frame to Telegram: hold the share button, slide across recent chats and let go to send. The chosen avatar arcs into a toast and turns into a checkmark, with an envelope-to-bookmark variant for Saved Messages. Drop it into a chat, feed or post list that needs one-gesture sharing. ## How it works The interaction is one Gesture.Pan from react-native-gesture-handler with activateAfterLongPress(350): moving 10pt before the press registers fails it, so a surrounding ScrollView still scrolls, and once active it keeps tracking the finger anywhere on screen. Its callbacks are worklets, so opening, hit-testing and releasing all run on the UI thread; only the expo-haptics calls hop to the JS thread through scheduleOnRN. Reanimated 4 does the animation work. The popup reads a single shared value clock and derives every style from it: the pill width on Telegram's cubic-bezier(.38, .7, .125, 1) over 300ms, the corner radius, and a staggered pop-in spring for each avatar that re-times Telegram's CASpringAnimation (mass 5, stiffness 900, damping 88) to 400ms. Hover focus is one animated array, and selection hit-tests the target layout rather than the in-flight one. Toasts live in two pre-mounted slots, so a send starts on the frame the finger lifts; the avatar rides a 10-point parabola inside the sliding toast, then react-native-svg masks animate the checkmark or the Saved Messages envelope. The pill, name tags and toast use expo-blur. Built and checked on the iOS simulator with Expo SDK 56 in a development build. Android and Expo Go are untested; on Android, expo-blur shows a plain translucent tint by default, and the SF Symbols icons and liquid glass bars are iOS-only. ## What you get - TypeScript source (components/quick-share/) - Share button with the long-press, drag and release gesture (forward-button.tsx) - Demo Telegram channel screen (channel-screen.tsx) - Measured timing and layout constants (constants.ts) - Animation spec and video comparison workbook (docs/telegram-quick-share-spec.xlsx) ## Requirements - Expo SDK: `expo@~56.0.22` (the version this drop is built and tested on) - React Native: `react-native@0.85.3` - Runtime dependencies: `expo-blur`, `expo-glass-effect`, `expo-haptics`, `expo-linear-gradient`, `expo-symbols`, `react-native-gesture-handler`, `react-native-reanimated`, `react-native-svg`, `react-native-worklets` - Runs in Expo Go: this drop uses no native module beyond what Expo Go already bundles on Expo SDK 56. A development build is still what you would ship to production, and is required as soon as you add a native module Expo Go does not carry. ## Install ```bash npx expo install expo-blur expo-glass-effect expo-haptics expo-linear-gradient expo-symbols react-native-gesture-handler react-native-reanimated react-native-svg react-native-worklets ``` ## How to get it - Buy Telegram Quick Share on its own at https://motionary.dev/animations/telegram-quick-share for $9 USD. Secure Stripe checkout, instant download, no subscription and no renewal. - Or get it with the Motionary lifetime pass: every drop and every build, current and future, for one payment with no renewal. https://motionary.dev/pricing - A team license covers up to 10 developers, each with their own account. https://motionary.dev/pricing - License terms: https://motionary.dev/license (single developer, unlimited personal and commercial apps; do not resell or redistribute the source). - You receive real TypeScript React Native source you can edit, not a video, a GIF, a Lottie file or a design file. ## Related drops on Motionary - Save Status Button (Free): https://motionary.dev/animations/save-status-button - Tap to Copy Button ($3 USD): https://motionary.dev/animations/tap-to-copy-button - Holographic Card ($9 USD): https://motionary.dev/animations/holographic-card - AI Generate Button ($4 USD): https://motionary.dev/animations/ai-generate-button ## About Motionary Motionary (https://motionary.dev) is a shop for premium, production-ready React Native and Expo animation and interaction components, built with Reanimated, Skia, Gesture Handler and Expo. Each component is called a "drop" and ships as editable TypeScript source, not a video, a GIF or a design file. Motionary sells three things: individual drops (roughly $3 to $12 each, some free), Builds (a complete app shipped end to end, with every drop inside it), and a lifetime pass that covers every drop and every build, current and future, for one payment with no subscription. A team license covers a whole squad, each developer with their own account. Checkout is Stripe and delivery is an instant download. Created and curated by Motionary (https://motionary.dev). Catalog and key pages: - All drops: https://motionary.dev/animations - Builds (complete apps): https://motionary.dev/builds - Pricing, lifetime pass and team license: https://motionary.dev/pricing - Free React Native component reference: https://motionary.dev/components - License: https://motionary.dev/license - Machine-readable overview: https://motionary.dev/llms.txt - Machine-readable full catalog: https://motionary.dev/llms-full.txt ## File metadata Canonical URL of this file: https://motionary.dev/animations/telegram-quick-share/llms.txt Describes: https://motionary.dev/animations/telegram-quick-share Format: llms.txt (https://llmstxt.org)