My Framer Site

FRAMER

COMPONENT

FRAMER

COMPONENT

BY SARTISTICWAY

YOUR COMPONENT IS DOWN HERE

Carousel settings

DESIGN STYLE

LAYOUT

Card heightCard gapCorner radiusEdge band widthASPECT RATIO

SCROLL

MODEAuto scrollScroll speedSmoothing

GRAIN

VolumeDensitySpeedFALLOFF

BLUR

VolumeDensityFALLOFF

LENS

REFRACTIONStrengthCurve depth

PERSPECTIVE

Per-card tiltTilt angleDepth (recede)Distance (lower = stronger)

SHADOW

OpacityBlurOffset Y

REFLECTION

OpacityLength (of card height)Gap

FOOTER

Show footerINDEX COLORCAPTION COLORINDEX FONT FAMILYIndex font sizeIndex weightIndex letter spacingCAPTION FONT FAMILYCaption font sizeCaption weightCaption letter spacingINDEX TEXT CASECAPTION TEXT CASECharacter durationLetter staggerCaption delayBottom offset

Viewport edits are live overrides. Use the Framer Properties panel for saved component values and content.

Unreal0100

A CINEMATIC, INTERACTIVE CAROUSEL BUILT FOR EXPRESSIVE STORYTELLING.

A fluid, interactive card experience built for expressive storytelling.

DON'T JUST SHOW IT. MAKE IT MOVE.

WHAT'S INSIDE THE

3D GRAINY CAROUSEL

01.

7 PREDEFINED VISUAL STYLES + CUSTOM MODE

02.

INFINITE HORIZONTAL SCROLLING WITH AUTO & DRAG

03.

PROCEDURAL GRAIN DISTORTION & TEXTURE

04.

ADJUSTABLE BLUR & EDGE FALLOFF

05.

CONCAVE & CONVEX LENS REFRACTION

06.

CUSTOMIZABLE CARD SIZES, SPACING & RADIUS

07.

INTERACTIVE ANIMATION & SCROLL CONTROLS

08.

LIVE CUSTOMIZATION THROUGH THE PROPERTIES PANEL

READY TO MAKE SOMETHING MOVE?

GET FLUID CARDS ON Contra MARKETPLACE