Description
Sliders That Bend Light
Refrakt turns an ordinary HTML slider into a striking optical display. Instead of flat, static slides, your images and captions pass through simulated glass, so light, colour and texture shift as visitors drag, swipe and explore. The result feels crafted and alive, ideal for homepages, portfolios and product showcases that need to stand out in seconds.
Real Glass, Rendered in Real Time
At its core is a WebGL2 optics engine that renders slides as light moving through configurable glass. Fluted, reeded panels, a prism wedge and a soft frost effect can all be tuned for depth and intensity, and the image resolves pin-sharp as each transition settles. Dragging across the slider shears the picture with velocity-driven RGB dispersion, giving every interaction a natural, tactile feel.
Features
- Realistic glass effects, including fluted reeded panels, prism wedges and frosted glass
- Dynamic RGB colour dispersion that responds to drag speed
- Smooth, seamless transitions between slides
- Fully responsive design for desktops, tablets and smartphones
- More than 60 documented JSON options for glass type, refraction depth, dispersion, frost mode, light position, exposure and grain
- Real DOM text for captions, so search engines can crawl and index your content
- Self-contained, with no external dependencies and a simple script-tag setup
- CSS fallback with the same API and events for older browsers without WebGL2
- Lightweight, performance-focused rendering pipeline
Easy to Customise and Integrate
Refrakt is a self-contained HTML slider, so you do not need extra pages or modules. Add the script tag, adjust the JSON options to match your brand, and the slider is ready to use. With detailed documentation included, designers, developers and marketers can fine-tune the look quickly without rebuilding the component from scratch.
Where Refrakt Works Best
Use it for website homepages, portfolio pages, product presentations, landing pages and interactive marketing material. Anywhere a first impression matters, the glass-and-prism effect adds depth and movement that a standard carousel cannot match, while keeping captions readable and the layout responsive.
Who Should Use It
Refrakt suits web designers, developers, marketers and content creators who want a polished, modern slider with a distinctive visual signature. If you want your slides to feel less like a slideshow and more like a designed experience, this is a practical, ready-to-use option.
Reviews
There are no reviews yet.