Hero Animated Slider

Hero Animated Slider helps you create modern, animated hero sections with multiple slides, smooth transitions, and built-in navigation indicators.

Hero Animated Slider helps you create modern, animated hero sections with multiple slides, smooth transitions, and built-in navigation indicators. You can control spacing, alignment, typography, animation speed, and progress direction directly from Framer. Designed for flexibility and performance, it’s ideal for landing pages, portfolios, and high-impact marketing sites. Live Preview: https://heroslider.framer.website/ Key Features Animated multi-slide hero layout Smooth auto-play with adjustable timing Custom titles, descriptions, and images per slide Horizontal or vertical progress navigation Adjustable spacing, alignment, and distribution Built-in animated progress indicator Fully responsive and performance-optimized No-code customization inside Framer Controls Frame Padding – Control inner spacing of the slider Frame Distribution – Set spacing behavior between elements Frame Alignment – Adjust vertical layout alignment Title 1 / Title 2 – Edit slide titles Desc 1 / Desc 2 – Edit slide descriptions Image 1 / Image 2 – Add or replace slide images Auto Speed – Control auto-slide duration Transition – Adjust slide transition speed Progress Direction – Horizontal or vertical progress bar Distribution – Align navigation and content Gap – Adjust spacing between elements Line Width – Control progress line length Title Font – Customize title typography Desc Font – Customize description typography Nav Font – Customize navigation text font Counter Font – Customize slide counter font Refund Policy: Please note that once this component is purchased, it is non-refundable due to its digital nature.

Elegant Animated Hero Slider