UI Lab

    Carousel

    Explore different variants and configurations of the Carousel component.

    Carousel Lab

    Carousel Lab

    Properties sync audit v1.0

    7 Scenarios Loaded
    01. Premium Fade - Slow Cross-Dissolve Effect
    Slide 1
    Slide 2
    Slide 3
    Engine BehaviorOpacity Transition
    LoopingYes
    02. Product Row - Multi-item grid display
    Product 1
    Product 2
    Product 3
    Product 4
    Product 5
    Product 6
    Engine BehaviorBasis-1/3 Align Start
    LoopingNo
    03. Infinite Slider - Standard sliding movement
    FirstStandard sliding effect
    SecondStandard sliding effect
    ThirdStandard sliding effect
    Engine BehaviorDefault Slide Logic
    LoopingYes
    04. Scale Focus - Center-aligned zoom effect
    1
    2
    3
    4
    5
    Engine BehaviorConditional Opacity/Scale
    LoopingYes
    05. Progress Bar - Visual navigation indicator
    Slide 1
    Slide 2
    Slide 3
    Slide 4
    Engine BehaviorState Driven Width
    LoopingYes
    06. Momentum Gallery - Free-drag variable width
    ASSET_ID: 000

    Dynamic Width 40%

    ASSET_ID: 001

    Dynamic Width 60%

    ASSET_ID: 002

    Dynamic Width 30%

    ASSET_ID: 003

    Dynamic Width 70%

    Engine BehaviordragFree: true
    LoopingYes
    07. Horizontal Feed - Horizontal alert ticker
    System Alert: Success Level
    System Alert: Warning Level
    System Alert: Error Level
    System Alert: Info Level
    Engine Behavioraxis: 'x'
    LoopingYes