TanStack
Featured
router
TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.
AI repository intelligence
FR-AI / ANALYSISWhy it is worth attention
Demonstrates a polished sticker-extraction UX combining Apple Vision, Core Image, WebGPU, and Reanimated in a single app, with a visually engaging particle animation.
Who it is for
- iOS developers exploring VisionKit and Core Image integrations
- React Native developers interested in native module and WebGPU usage
- UI/UX designers prototyping sticker creation effects
- Developers evaluating Expo's capabilities for advanced native features
Use cases
- Creating custom stickers from user photos
- Prototyping image subject extraction in mobile apps
- Showcasing WebGPU particle animations in React Native
- Demonstrating fallback handling for unsupported devices
Strengths
- Leverages Apple's Vision framework for accurate subject lifting
- Combines multiple native technologies (Vision, Core Image, WebGPU) in a single Expo demo
- Provides fallback to raw photo when subject not detected or iOS < 17
- Includes a video demo for reference
Considerations
- iOS-only and requires iOS 17+
- Does not run in Expo Go; requires custom dev client and Xcode
- WebGPU and some animations may be unreliable on iOS Simulator
README quick start
Photo → Sticker Extraction Demo
A standalone Expo (iOS-only) demo of a single feature: take or pick a photo, lift its subject with Apple Vision into a sticker (white outline + drop shadow on a transparent PNG), and play a WebGPU "pixel-explosion" animation as the extracted sticker rises and settles into place.
Video demo: Watch on X
How it works
- Subject lift + sticker render — a local Expo native module (
modules/stickerizer, Swift) using VisionKitVNGenerateForegroundInstanceMaskRequest+ Core Image. iOS 17+. - Pixel-explosion animation — WebGPU via
react-native-wgpu(components/pixel-explosion-scene.ts), driven by a particle grid sampled from the photo. - Lift / pinch transitions — Reanimated (
components/lift-extraction-stage.tsx).
Requirements
- iOS 17.0+ (simulator or device) and a recent Xcode.
- A custom dev client — this uses native modules, so it does not run in Expo Go.
Run
bun install # or npm install
npx expo run:ios # prebuilds ios/, links the Stickerizer pod, installs to the sim
The iOS Simulator has no camera, so use "Choose photo" with an image that has a clear subject. (Drag an image into the simulator's Photos app first.) On a device, the camera shutter works too.
Animations and effects may not work in the simulator — WebGPU and some Reanimated transitions can be unreliable or disabled there. Use a physical device to see the full pixel-explosion and lift animation in action.
On iOS < 17 (or if no subject is detected) the flow falls back to showing the raw photo.
Description
Expo demo: photo → Apple Vision sticker extraction with WebGPU pixel-explosion animation
Related repositories
Similar projects matched by category, topics, and programming language.
vercel-labs
Featured
scriptc
scriptc compiles ordinary TypeScript into small, fast native executables without needing Node.js, V8, or any JavaScript runtime in the binary.
Jakubantalik
Featured
thinking-orbs
A React component library that renders six hand-tuned animated thought orb loading indicators on a plain 2D canvas, with two purpose-tuned sizes and automatic theme detection for AI and agent UIs.