GlitchImageSlider brings a high energy, digital aesthetic to your Framer projects with a fully customizable image carousel. Designed for those who want to break away from standard transitions, it injects a modern, edgy "glitch" effect into your hero sections, portfolios, or product showcases. Whether you're building a cyberpunk-themed site or a bold creative agency page, this slider ensures your visual content captures immediate attention.
It renders a responsive image slider that cycles through your content using a programmable glitch transition. The component handles smooth autoplay logic and interactive navigation while dynamically applying RGB shifts, pixelation, and horizontal "slicing" effects during every transition. It includes built in support for titles, custom layout fitting (Cover/Contain), and interactive navigation elements that respond to user input.
Glitch Mechanics: Fine-tune the "digital chaos" by adjusting Glitch Strength, RGB Shift intensity, Pixel Size, Slice Count, and the overall Transition Duration.
Slider Control: Set the Autoplay Interval, toggle Pause on Hover, and choose your preferred Image Fit (Cover vs. Contain) and Alignment.
Typography & Layout: Show or hide Titles with full control over Font choice, colors, background boxes, padding, and gap spacing.
Navigation Styling:
Arrows: Choose styles (like "Pill"), customize arrow colors, background colors, and border widths/radii.
Dots: Toggle pagination dots, set active/inactive colors, and adjust the background container radius and padding.
Container Aesthetics: Adjust border radii for both the main container and the individual images to create sharp or rounded looks.
Tech and Gaming landing pages
Creative portfolios and digital art galleries
Cyberpunk or Brutalist web designs
Music and event promotional banners
High-impact "Hero" sections for product launches
If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb