About TransitionSlider
Create immersive image sliders with fluid, liquid-style WebGL transitions.
TransitionSlider turns a standard image slider into an interactive visual experience with custom shader transitions, smooth navigation, autoplay, and extensive controls directly inside Framer.
Choose from multiple transition styles and control how each transition behaves, where it originates, how intense it feels, and how your slider responds to user interaction.
FEATURES
Real-time WebGL2 rendering
Five distinct transition effects: Bubble, Frost, Ripple, Plasma, and Melt
Cycle mode for automatically rotating through effects
Shuffle mode for randomized transitions
Adjustable transition intensity
Adjustable chromatic / color split effect
Adjustable transition duration
Custom transition origin: Click, Center, or Random
Autoplay with adjustable interval
Click-to-advance interaction
Swipe navigation
Arrow-key navigation
Custom navigation controls
Slide counter
Animated progress indicators
Custom slide headings and paragraphs
Adjustable heading typography
Adjustable paragraph typography
Custom text colors and opacity
Paragraph width, spacing, and offset controls
Custom UI typography
Adjustable component padding
Responsive layout
Reduced-motion support
Automatic off-screen rendering pause
Optimized render-on-change behavior
Framer canvas preview
Optional frozen transition preview
No external runtime libraries required
EASY TO CUSTOMIZE
Everything is controlled directly from Framer's property panel.
No coding is required to customize the slider.
Add your own images, edit your slide content, choose a transition style, and fine-tune the animation, navigation, typography, colors, and spacing to match your design.
TransitionSlider is designed to work as a flexible visual component rather than a fixed pre-designed slider.
LICENSE
Licensing information is included with the purchase.
CONTACT
If you run into any issues or need assistance with this component, feel free to reach out to us at hello@lamfigo.com
