---
title: "Summary"
description: "Every carousel animation example for React Native on one page, each with a live preview."
canonical_url: "https://rn-carousel.dev/Examples/summary"
markdown_url: "https://rn-carousel.dev/Examples/summary.md"
version: "5"
---
# Summary

Looking for complete app screens? [Scenes](https://rn-carousel.dev/Examples/scenes.md) shows real screens built with one or more carousels, each with code you can copy.

### Basic Layouts

         captureExampleClick('stack', 'basic-layouts')}>

            ![basic-layouts-stack](../../../app/app/demos/basic-layouts/stack/preview.png)

              Stack

         captureExampleClick('parallax', 'basic-layouts')}>

            ![basic-layouts-parallax](../../../app/app/demos/basic-layouts/parallax/preview.png)

              Parallax

         captureExampleClick('normal', 'basic-layouts')}>

            ![basic-layouts-normal](../../../app/app/demos/basic-layouts/normal/preview.png)

              Normal

         captureExampleClick('left-align', 'basic-layouts')}>

            ![basic-layouts-left-align](../../../app/app/demos/basic-layouts/left-align/preview.png)

              Left Align

### Utils

         captureExampleClick('pagination', 'utils')}>

            ![utils-pagination](../../../app/app/demos/utils/pagination/preview.png)

              Pagination

### Custom Animations

         captureExampleClick('tinder', 'custom-animations')}>

            ![custom-animations-tinder](../../../app/app/demos/custom-animations/tinder/preview.png)

              Tinder

         captureExampleClick('scale-fade-in-out', 'custom-animations')}>

            ![custom-animations-scale-fade-in-out](../../../app/app/demos/custom-animations/scale-fade-in-out/preview.png)

              Scale Fade In Out

         captureExampleClick('rotate-in-out', 'custom-animations')}>

            ![custom-animations-rotate-in-out](../../../app/app/demos/custom-animations/rotate-in-out/preview.png)

              Rotate In Out

         captureExampleClick('rotate-fade-in-out', 'custom-animations')}>

            ![custom-animations-rotate-fade-in-out](../../../app/app/demos/custom-animations/rotate-fade-in-out/preview.png)

              Rotate Fade In Out

         captureExampleClick('quick-swipe', 'custom-animations')}>

            ![custom-animations-quick-swipe](../../../app/app/demos/custom-animations/quick-swipe/preview.png)

              Quick Swipe

         captureExampleClick('press-swipe', 'custom-animations')}>

            ![custom-animations-press-swipe](../../../app/app/demos/custom-animations/press-swipe/preview.png)

              Press Swipe

         captureExampleClick('multiple', 'custom-animations')}>

            ![custom-animations-multiple](../../../app/app/demos/custom-animations/multiple/preview.png)

              Multiple

         captureExampleClick('fold', 'custom-animations')}>

            ![custom-animations-fold](../../../app/app/demos/custom-animations/fold/preview.png)

              Fold

         captureExampleClick('flow', 'custom-animations')}>

            ![custom-animations-flow](../../../app/app/demos/custom-animations/flow/preview.png)

              Flow

         captureExampleClick('curve', 'custom-animations')}>

            ![custom-animations-curve](../../../app/app/demos/custom-animations/curve/preview.png)

              Curve

         captureExampleClick('cube-3d', 'custom-animations')}>

            ![custom-animations-cube-3d](../../../app/app/demos/custom-animations/cube-3d/preview.png)

              Cube 3d

         captureExampleClick('circular', 'custom-animations')}>

            ![custom-animations-circular](../../../app/app/demos/custom-animations/circular/preview.png)

              Circular

         captureExampleClick('blur-rotate', 'custom-animations')}>

            ![custom-animations-blur-rotate](../../../app/app/demos/custom-animations/blur-rotate/preview.png)

              Blur Rotate

         captureExampleClick('blur-parallax', 'custom-animations')}>

            ![custom-animations-blur-parallax](../../../app/app/demos/custom-animations/blur-parallax/preview.png)

              Blur Parallax

         captureExampleClick('anim-tab-bar', 'custom-animations')}>

            ![custom-animations-anim-tab-bar](../../../app/app/demos/custom-animations/anim-tab-bar/preview.png)

              Anim Tab Bar

         captureExampleClick('advanced-parallax', 'custom-animations')}>

            ![custom-animations-advanced-parallax](../../../app/app/demos/custom-animations/advanced-parallax/preview.png)

              Advanced Parallax