.webp)
.webp)
28 k vues
Liquid Glass Features
Liquid Glass Features : grille de fonctionnalités animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, Vite.
Build a high-performance, agency-grade Features section called "Liquid Glass Features" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Build a "Features Chess" section for a React + Vite + Tailwind CSS project. This is a single section component with an alternating two-row layout (text left / image right, then image left / text right) on a solid black background with white text and liquid glassmorphism effects. Visual Aesthetics & Mood: solid black background white text alternating chessboard two-row layout text and image swapping sides liquid glass frosted translucent panels glowing hairline gradient borders italic serif headings light sans-serif body premium dark elegant editorial rhythmic balanced refined high contrast ## 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
.webp)
.webp)
.webp)