About
CubeFlow turns titles and images into a 3D showcase for your Framer website. Two cubes rotate in opposite directions as visitors scroll, pairing each idea with an image. Choose autoplay to move through the sequence automatically, or let visitors explore using the ticker below. Click a label, drag with a mouse, or swipe horizontally to choose a slide. Skipping several slides takes a single cube turn. The paired layout adapts to desktop, tablet, and phone widths. Use it to introduce products, highlight services, present projects, or tell a brand story.
Features
Scroll playback — cube turns follow page movement.
Autoplay — adjust timing, play once, repeat a set number of cycles, or loop.
Interactive ticker — click, drag, or swipe horizontally to choose a slide.
One-turn jumps — skip several slides with a single cube turn.
Flexible content — add, remove, or reorder up to 30 title-and-image pairs.
Responsive sizing — cubes and ticker adapt to desktop, tablet, and phone widths.
Editable styling — customize colors, fonts, title scale, cube size, and spacing.
Optional details — toggle the ticker, ticker dragging, and outer brackets.
Keyboard navigation — move between slides with arrow keys.
Reduced-motion support — motion preferences stop autoplay and rotation.
Ready-to-edit defaults — five slides with colorful abstract artwork.
What you can customize
Add, remove, or reorder up to 30 title-and-image pairs. Set the background, title-face, accent, and ticker colors to suit light or dark designs. Customize fonts, title scale, cube size, and spacing. Choose scroll playback or autoplay, adjust the scroll distance and playback timing, then play once, repeat a set number of cycles, or loop continuously. Show or hide the ticker and outer brackets, enable ticker dragging, and choose whether autoplay pauses on hover. Arrow-key navigation and reduced-motion support are included. Reduced-motion preferences stop autoplay and switch slides without rotation.
Great for (examples)
Product features and launch pages
Services and business capabilities
Portfolio projects and case study introductions
Brand values and company stories
Collections and visual highlights
Process steps and learning topics
Refund Policy
Due to the digital nature of this product, all sales are final. If you run into any technical issues after purchase, don't hesitate to reach out at hello@struxent.com and we'll make it right.