Retour au catalogue
Bento Grid Stats
18 k vues

Bento Grid Stats

Bento Grid Stats : grille de fonctionnalités animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, Framer Motion.

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

## 1. Overview & Visual Objective
Build a "Why Us?" bento grid section as a React + TypeScript component using Tailwind CSS 3 and Framer Motion. Font is `'DM Sans', sans-serif` (Google Fonts: `https://fonts.googleapis.com/css?family=DM+Sans:500,400`). Dark background `#0f0f0f`. Here is the exact specification:

Visual Aesthetics & Mood:
dark near-black bento grid stats section six-column mosaic layout mixed card sizes scale-in staggered reveals clean geometric sans-serif structured modular dark editorial organized precise modern polished

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

Typographies
DM Sans
Palette

Références similaires