---
title: "Destina Hero Slide — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Agung M · Sections. 3D Showcase & Dynamic Hero"
canonical: "https://framer.elliotli.dev/component/destina-hero-slide"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Destina Hero Slide

# Destina Hero Slide

3D Showcase & Dynamic Hero

[View on Framer](https://framer.com/marketplace/components/destina-hero-slide/?via=elliot-li)

![Destina Hero Slide preview image 1](https://framer.elliotli.dev/og/component/destina-hero-slide/ad030dbefdb8c4ad/1600x1600.jpg)

## Summary

3D Showcase & Dynamic Hero

## Description

Capture your visitors' attention instantly with a premium, responsive split-screen Hero component for Framer. Features an immersive 3D Coverflow slider, fluid motion animations, automatic background morphing, and native keyboard.

## Key Features Breakdown (Bullet Points)

-   🎭 **Immersive 3D Coverflow Slider:**
    
    -   **Fluid 3D Mechanics:** Features an advanced Coverflow-style carousel with perspective `rotateY` effects, custom scale depths, and sleek glassmorphism panels.
        
    -   **Natural Interaction:** Supports fluid drag-to-navigate physics, elastic constraints, and standard tap/click selection on adjacent cards.
        
    -   **Smart Card Visibility:** Focuses the user's eye by dynamically managing depth, showing only the active slide plus the next two upcoming destinations.
        
-   ✨ **Dynamic Visuals & Motion Graphics:**
    
    -   **Morphing Backgrounds:** Experience smooth, automated background image synchronization that scales and fades fluidly matching the active card.
        
    -   **Staggered Text Entrances:** Powered by production-ready Framer Motion springs that animate text layers (Category → Title → Description → CTA) sequentially.
        
    -   **Atmospheric Overlays:** Includes built-in dark gradient masks with customizable opacities to maintain crisp text contrast over any image asset.
        
-   🎮 **Complete Navigation & Accessibility Controls:**
    
    -   **Comprehensive Control Kit:** Equipped with interactive Next/Prev arrow states, auto-incrementing counters (e.g., `01 / 05`), and visual progress indicator bars.
        
    -   **Native Keyboard Navigation:** Fully supports left/right arrow key detection to allow seamless browsing for power users.
        
    -   **Smart Autoplay Engine:** Toggleable loop behaviors with precise, configurable time-interval delays.
        
-   🎨 **Infinite Tailoring & Configuration:**
    
    -   **Granular Layout Rules:** Easily tweak individual card widths, gaps, corner radiuses, and shadow intensities inside the Framer canvas.
        
    -   **Per-Destination Accents:** Set custom color identities, specific button URLs, text overrides, and unique graphics for every single slide item.
        

## Rank history [How rankings work →](/terms#rankings)

-   All · #8117

## Details

- **Author**: Agung M
- **Price**: $7.00
- **Published**: 2026-07-20
- **Updated**: 2026-07-20
- **Added**: 2026-07-20
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes