3,7 k vues

Yacht Club

Yacht Club : section hero animée pensée pour une expérience 3D/WebGL, construite avec React, Tailwind CSS, Framer Motion.

3D et WebGL Sections hero React Tailwind CSS Framer Motion GSAP Three.js TypeScript Vite

Obtenir une version renforcée de ce prompt

Prompt

Personnaliser

Build a high-performance, agency-grade Landing Page section called "Yacht Club" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Core Instruction
Act as an elite, award-winning creative frontend developer. Your task is to perfectly recreate a luxury Yacht Club landing page experience with highly advanced WebGL-like DOM animations, a custom GSAP staggered menu, a Framer Motion video fleet overlay, and an interactive liquid distortion cursor trail.
Tech Stack
Framework: React 19, Vite, TypeScript
Styling: Tailwind CSS v4
Animation: motion/react (Framer Motion) and gsap
Fonts: @fontsource-variable/geist and Google Fonts (Instrument Serif)
1. Global CSS & Theming (src/index.css)
Configure the global CSS exactly as follows using Tailwind v4 syntax:

Débloquer le Prompt Studio à vie

122 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

Palette

Yacht Club

Prompt

Références similaires