A polished and highly customizable hero slideshow component built for modern Framer projects. Designed for portfolio pages, product presentations, and immersive landing sections, it combines smooth slide transitions with clean text layout and refined interaction details.
This component gives you full control over slide content, timing, typography, colors, text visibility, and layout—while keeping the setup simple inside the Framer properties panel.
Dynamic Slides ControlAdd and manage multiple slide items directly from the properties panel. Each slide supports its own image, title, link, and brightness value.
Multiple Slide AnimationsChoose between Fade and Slide Left transitions to match the mood and pacing of your design.
Auto Progress SystemSlides automatically rotate based on a customizable duration setting, with an animated progress line that visually indicates timing.
Flexible Content VisibilityIndependently show or hide the Title, Counter, Link, Underline, and Progress Bar depending on the layout you want.
Custom Layout PositioningSwitch between Middle and Bottom layout variants for different content placement styles.
Independent FontsCustomize Counter, Title, and Link typography separately using extended font controls.
Advanced Font StylingFine-tune font family, size, weight, line height, and letter spacing for each text element individually.
Per-Slide BrightnessAdjust image brightness for each slide independently to improve readability and visual balance.
Color ControlsCustomize text color, progress line track, progress fill, and link underline color to fit your brand or composition.
Text Shadow SupportEnable or disable text shadow and control its color, vertical offset, and blur for improved legibility on top of images.
Animated Text AppearanceOptionally enable text entrance animation for the counter, title, and link.
Hover Link UnderlineAdd a clean animated underline effect to the link for a more refined interactive feel.
Hover AnimationWhen the link is hovered, the background image can respond with increased brightness for added depth and feedback.
Framer Router Navigation SupportBuilt to work smoothly with Framer navigation logic, including internal route handling.
Hero sections
Portfolio showcases
Product highlights
Case study intros
Editorial landing pages
Fullscreen visual storytelling layouts
Built for clarity, flexibility, and premium presentation, this slideshow component fits perfectly into high-end Framer websites that need both strong visuals and precise control.