18 k vues
Mood Tracker
Mood Tracker : page complète animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, TypeScript.
Build a high-performance, agency-grade Wellness section called "Mood Tracker" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Create a wellness/mental health app mockup showing 3 iPhone screens side-by-side in realistic phone frames. The app is called "Soul Canvas". Use React with Tailwind CSS and lucide-react icons. Use Vite + TypeScript. Visual Aesthetics & Mood: three iphone mockups wellness mental health app soft calm palette staggered fade-slide-up entrance animations neutral helvetica typography gentle rounded cards soothing mindful app-showcase serene approachable compact ## 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.
Accès illimité à tous les prompts · Studio inclus · Paiement unique