Resources

Stripe Sessions Carousel

View demo

Remix project

Remix project

Resources

Stripe Sessions Carousel

View demo

Remix project

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Interaction

Stripe Sessions Carousel

This is a recreation of the amazing Stripe sessions carousel. It is a really good example that showcases how you can build complex interactions with multiple components and event variables.

image of Nandi Muzsik

Created by

Nandi

Stripe sessions carousel in Framer
Stripe sessions carousel in Framer
Stripe sessions carousel in Framer

About the resource

This interaction uses three components to handle all the necessary complex behavior to achieve this carousel.

The basic structure involves a card component with "small", "medium", and "open" variants. These cards are then encapsulated within a common component to ensure they respond to each other's size changes in an animated manner.

About the resource

This interaction uses three components to handle all the necessary complex behavior to achieve this carousel.

The basic structure involves a card component with "small", "medium", and "open" variants. These cards are then encapsulated within a common component to ensure they respond to each other's size changes in an animated manner.

About the resource

This interaction uses three components to handle all the necessary complex behavior to achieve this carousel.

The basic structure involves a card component with "small", "medium", and "open" variants. These cards are then encapsulated within a common component to ensure they respond to each other's size changes in an animated manner.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

More resources

More resources

View all

  • Dark UI design showcasing key icon with label "FRM" and text about session management for JWT and active device monitoring

    Key Micro-Interaction in Framer

    Interaction

    Dark UI design showcasing key icon with label "FRM" and text about session management for JWT and active device monitoring

    Key Micro-Interaction in Framer

    Interaction

    Dark UI design showcasing key icon with label "FRM" and text about session management for JWT and active device monitoring

    Key Micro-Interaction in Framer

    Interaction

  • 3D text cube animation in Framer displaying the phrases ‘YOU CAN JUST DO THINGS’ and ‘MAKE THINGS YOU WISH EXISTED’ on its rotating sides in blue text on a dark background

    3D Text Cube Interaction in Framer

    Interaction

    3D text cube animation in Framer displaying the phrases ‘YOU CAN JUST DO THINGS’ and ‘MAKE THINGS YOU WISH EXISTED’ on its rotating sides in blue text on a dark background

    3D Text Cube Interaction in Framer

    Interaction

    3D text cube animation in Framer displaying the phrases ‘YOU CAN JUST DO THINGS’ and ‘MAKE THINGS YOU WISH EXISTED’ on its rotating sides in blue text on a dark background

    3D Text Cube Interaction in Framer

    Interaction