Hero Animated Slider — Elegant Animated Hero Slider

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

1. Animated multi-slide hero layout

2. Smooth auto-play with adjustable timing

3. Custom titles, descriptions, and images per slide

4. Horizontal or vertical progress navigation

5. Adjustable spacing, alignment, and distribution

6. Built-in animated progress indicator

7. Fully responsive and performance-optimized

8. No-code customization inside Framer

Controls

1. Frame Padding – Control inner spacing of the slider

2. Frame Distribution – Set spacing behavior between elements

3. Frame Alignment – Adjust vertical layout alignment

4. Title 1 / Title 2 – Edit slide titles

5. Desc 1 / Desc 2 – Edit slide descriptions

6. Image 1 / Image 2 – Add or replace slide images

7. Auto Speed – Control auto-slide duration

8. Transition – Adjust slide transition speed

9. Progress Direction – Horizontal or vertical progress bar

10. Distribution – Align navigation and content

11. Gap – Adjust spacing between elements

12. Line Width – Control progress line length

13. Title Font – Customize title typography

14. Desc Font – Customize description typography

15. Nav Font – Customize navigation text font

16. 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.