Retour au catalogue
13 k vues

Draftwise

Draftwise : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS.

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

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

Visual Aesthetics & Mood:
draftwise-hero;AI design studio creative automation campaign layout assistant generative design platform full-screen cinematic background video black dark interface centered editorial composition condensed Antonio headline the studio dream brilliant forms white typography minimal futuristic branding floating glass prompt panel AI prompt input rotating metallic conic-gradient rim red blinking caret circular red generate button dark translucent textarea on-brand editable campaign creation pages ads emails social creative workflow centered lede dual CTA buttons ghost dark get results red contact teams pill navigation compact premium navbar Draftwise wordmark enterprise agencies toolkits method train members careers subtle

## 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