WebGL Image Slider

WebGL image slider/carousel featuring stunning chromatic RGB split effects, dynamic distortion, and buttery-smooth drag interactions.

Preview URL - https://diverse-area-940302.framer.app/ A premium WebGL image slider/carousel featuring stunning chromatic RGB split effects, dynamic distortion, and buttery-smooth drag interactions. Showcase your portfolio with style. Includes clickable titles, greyscale mode, and full customization. Optimized for all devices. How to Use This Component Quick Start Guide: Add to Canvas Drag the component onto your Framer canvas Component automatically adjusts to your layout width Upload Your Images Click on "Images" in the property panel Add/remove image items as needed Upload images using the Image picker Add titles and optional links for each image Customize Effects Adjust "Distortion" slider for skew intensity (0-10) Control "RGB Split" for chromatic aberration effect (0-5) Toggle "Image Greyscale" for black & white mode Configure Interactions Set "Friction" to control slide momentum (0.8-0.99) Adjust "Max Vel" for drag speed limits Enable "Image Link" to make titles clickable Style Your Slider Set "Width" for individual image size (100-800px) Adjust "Gap" between images (0-200px) Customize "Title Font", "Title Color", and "Transform" Change "Background" color as needed Test & Publish Drag horizontally to test the slider Preview on different devices (mobile-optimized) Publish your site - effects work in live preview! 🎨 Perfect For: Portfolio websites Agency showcases Photography galleries Product presentations Creative studios Design showcases Case study displays After your purchase, you will receive a link to the Component URL. Copy URL and paste it to your Framer Project. Need help? For any setup issues or questions, feel free to contact for support.

Image slider & carousel