---
title: "Scenes"
description: "20 full app screens built with react-native-reanimated-carousel, each with live code you can copy."
canonical_url: "https://rn-carousel.dev/Examples/scenes"
markdown_url: "https://rn-carousel.dev/Examples/scenes.md"
version: "5"
---
# Scenes

Real app screens built with one or more carousels. Each scene is a complete example you can copy, and every filter below points to the API that makes it work.

## All scenes

- [Flavor Switcher](https://rn-carousel.dev/Examples/scenes/flavor-switcher.md): Drink landing page where the background, ink and giant flavor word blend between flavors as you drag the cans. Techniques: Progress-driven UI, Parallax inside items.
- [Product Gallery](https://rn-carousel.dev/Examples/scenes/product-gallery.md): Watch product page where a full-width hero carousel and a thumbnail strip follow each other frame by frame. Techniques: Multiple carousels, Programmatic control, Parallax inside items, Progress-driven UI.
- [Editorial Cards](https://rn-carousel.dev/Examples/scenes/editorial-cards.md): Magazine picks whose landscape art slides in layers as each card moves, with section tabs that jump to a story. Techniques: Parallax inside items, Programmatic control, Progress-driven UI.
- [Onboarding](https://rn-carousel.dev/Examples/scenes/onboarding.md): Four intro pages whose art, title and body slide at different speeds while the background and button blend from one page color to the next. Techniques: Progress-driven UI, Parallax inside items, Programmatic control.
- [Cover Flow](https://rn-carousel.dev/Examples/scenes/cover-flow.md): Music library with the classic 3D cover flow, mirrored reflections and momentum flicks. Techniques: 3D, Momentum snapping, Programmatic control.
- [Stories Cube](https://rn-carousel.dev/Examples/scenes/stories-cube.md): Full-screen stories that turn to the next person like the faces of a cube. Techniques: 3D, Programmatic control.
- [Now Showing](https://rn-carousel.dev/Examples/scenes/now-showing.md): Cinema app with movie posters over a blurred backdrop that cross-fades with progress. Techniques: Progress-driven UI.
- [Page Turn](https://rn-carousel.dev/Examples/scenes/page-turn.md): A small book of Tang poems whose pages turn around the spine, with the art on the back of each leaf. Techniques: 3D, Progress-driven UI, Programmatic control.
- [Card Fan](https://rn-carousel.dev/Examples/scenes/card-fan.md): A daily card draw: a hand of playing cards fanned around a pivot far below the table. Techniques: Programmatic control, Progress-driven UI.
- [Date Wheel](https://rn-carousel.dev/Examples/scenes/date-wheel.md): An iOS-style date picker sheet: three vertical carousels turn like wheels while a month calendar follows along. Techniques: Vertical, 3D, Momentum snapping, Multiple carousels, Programmatic control, Progress-driven UI.
- [Weight Ruler](https://rn-carousel.dev/Examples/scenes/weight-ruler.md): A weight log with an 801-tick ruler that only mounts the ticks near the needle, and a readout, BMI band and chart that follow it frame by frame. Techniques: Large lists, Momentum snapping, Progress-driven UI.
- [Rolling Clock](https://rn-carousel.dev/Examples/scenes/rolling-clock.md): A clock app where each of the six digits is its own vertical carousel, rolling forward every second, with a 12/24-hour switch and an alarms list. Techniques: Vertical, Programmatic control, Multiple carousels.
- [Slot Machine](https://rn-carousel.dev/Examples/scenes/slot-machine.md): A three-reel slot machine: SPIN calls `next({ count })` on three vertical loop carousels with staggered durations. Techniques: Vertical, 3D, Programmatic control, Multiple carousels.
- [Mood Rating](https://rn-carousel.dev/Examples/scenes/mood-rating.md): A daily check-in whose big face morphs continuously with the carousel's `progress`. Techniques: Progress-driven UI, Programmatic control.
- [Helix Gallery](https://rn-carousel.dev/Examples/scenes/helix-gallery.md): A photo album wound around a vertical 3D helix that keeps turning on its own. Techniques: Vertical, 3D, Parallax inside items.
- [Radial Ring](https://rn-carousel.dev/Examples/scenes/radial-ring.md): A home-screen launcher that winds eight apps around a dial; `itemAnimation` maps each item's value to an angle. Techniques: Programmatic control, Progress-driven UI, Parallax inside items.
- [Map Explorer](https://rn-carousel.dev/Examples/scenes/map-explorer.md): Place cards that pan the city map from one spot to the next as you swipe. Techniques: Progress-driven UI, Programmatic control.
- [Level Select](https://rn-carousel.dev/Examples/scenes/level-select.md): Neon level picker with 3D cards, a parallax starfield and a sliding retro grid. Techniques: 3D, Progress-driven UI, Programmatic control.
- [Wallet Stack](https://rn-carousel.dev/Examples/scenes/wallet-stack.md): Wallet of stacked cards where only each top edge peeks out, with recent transactions underneath. Techniques: Vertical, Progress-driven UI, Programmatic control.
- [Market Terminal](https://rn-carousel.dev/Examples/scenes/market-terminal.md): Trading terminal with two marquee tapes running in opposite directions, swipeable chart cards and a watchlist that follows them. Techniques: Marquee, Multiple carousels, Progress-driven UI, Programmatic control.