Retour au catalogue
21 k vues

Menuchi

Menuchi : section hero animée pensée pour un portfolio, construite avec React, Tailwind CSS.

Build a high-performance, agency-grade Portfolio section called "Menuchi" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Create an ultra-refined, interactive Portfolio with cinematic transitions and smooth spring physics.

Visual Aesthetics & Mood:
menuchi-hero;japanese mask carving noh kagura traditional craft artisan workshop dark cinematic editorial japanese heritage full-screen WebGPU 3D hannya mask simulated fire flames sparks heat haze bloom dark void radial glow oversized lowercase menuchi typography behind mask occluded text cream ivory type black background fixed minimal chrome burger menu oversized Japanese logotype 面打 serif accent Inter Tight sans-serif Noto Serif JP asymmetrical editorial composition left-aligned micro copy immersive scroll storytelling smooth scroll pinned sections diagonal slice transition rotating reveal fire water earth air elemental theme saturated crimson navy olive black backgrounds transparent carved mask imagery lacquer porcelain wood grain silver gold kintsugi texture organic material detail mask overlays typography cinematic parallax scroll zoom staggered copy reveal bottom-right texture chips catalogue ID minimal product editorial layout artisan craftsmanship ritual folklore spiritual elemental japanese aesthetic workshop film fullscreen video dark scrim documentary craft footage maker portrait text overlay refined typography sparse UI premium cultural luxury analog handmade atmospheric moody mysterious ceremonial tactile raw sophisticated experimental art-direction scroll-driven motion fixed layers sharp diagonal wipes finale commission CTA oversized centered typography four-mask grid staggered hopping motion cream-on-black palette no borders no shadows minimal polished immersive interactive brutalist-editorial japanese modernism traditional-meets-digital gallery portfolio museum exhibition craft studio confident dramatic cinematic refined

## 2. Technical Stack & Dependencies
- Framework: React 19 + TypeScript + Vite
- Styling: Tailwind CSS v4 + Lucide React icons
- Animation Engine: Framer Motion (layout animations, spring physics, scroll-linked parallax)

Débloquer le Prompt Studio à vie

18 lignes masquées : architecture complète, classes Tailwind, animations et intégration vidéo.

Offre de lancement

Accès illimité à tous les prompts · Studio inclus · Paiement unique

Références similaires