---
title: "MokuHero — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Alexander Moreno · Sections. The Ultimate Luxury Hero Component MokuHero is designed for creators who want to deliver a high-end, cinematic experience…"
canonical: "https://framer.elliotli.dev/component/mokuhero"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/MokuHero

# MokuHero

Premium scroll-animated hero

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

![MokuHero preview image 1](https://framer.elliotli.dev/og/component/mokuhero/b0cf8a8fd92a2e3a/1600x1200.jpg)

## Summary

The Ultimate Luxury Hero Component MokuHero is designed for creators who want to deliver a high-end, cinematic experience right from the first scroll.

## Description

**The Ultimate Luxury Hero Component** MokuHero is designed for creators who want to deliver a high-end, cinematic experience right from the first scroll. With an elegant asymmetric grid and a central media container that smoothly expands as you scroll, this component brings a premium feel to any Framer project.

**Key Features:**

-   **Native Video Support:** Easily upload local .mp4 or .webm files directly from the Framer canvas. No external hosting required.
    
-   **Advanced Scroll Animations:** Built with Framer Motion. The central media scales and adjusts its border radius perfectly on scroll, while the floating images move smoothly in parallax.
    
-   **100% Customizable:** Change typography, font sizes (desktop & mobile independently), and gap spacing right from the properties panel.
    
-   **Fully Responsive:** Seamlessly adapts to Desktop, Tablet, and Mobile views. The complex grid intelligently falls back to a clean, readable layout on smaller breakpoints.
    
-   **Lightweight & Fast:** Coded in React for maximum performance without bloated overrides.
    

**Perfect for:**

-   High-End Glamping & Nomadic Lifestyle brands
    
-   Boutique Architecture & Interior Design studios
    
-   Luxury Skincare & Wellness platforms
    
-   Premium Portfolios
    

**How to use:** Simply drag and drop the component onto your canvas, upload your central video or image, add your 4 grid images, and customize the text. The scroll animations work out-of-the-box!

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

-   All · #4189

## Details

- **Author**: Alexander Moreno
- **Price**: $5.00
- **Published**: 2026-05-06
- **Updated**: 2026-05-05
- **Added**: 2026-04-19
- **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