https://github.com/valentinmadiot/background-animation-juice_js

Page d’accueil animée avec GSAP, visuels de jus, pommes et feuilles flottantes. Design coloré, frais et responsive, parfait pour marques de jus, landing pages saines ou projets visuels vitaminés.
https://github.com/valentinmadiot/background-animation-juice_js

animated-juice colorful-ui css-illustration floating-elements fruit-theme gsap-tweenmax html-css-js interactive-elements juice-animation juice-promotion landing-food leaf-animation light-theme playful-design product-showcase refreshing-ui responsive-landing-page toggle-navbar-effects typography-branding vanilla-javascript

Last synced: 12 months ago
JSON representation

Page d’accueil animée avec GSAP, visuels de jus, pommes et feuilles flottantes. Design coloré, frais et responsive, parfait pour marques de jus, landing pages saines ou projets visuels vitaminés.

• Host: GitHub
• URL: https://github.com/valentinmadiot/background-animation-juice_js
• Owner: ValentinMadiot
• Created: 2025-06-21T12:54:36.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-06-29T17:01:47.000Z (12 months ago)
• Last Synced: 2025-06-29T18:19:10.783Z (12 months ago)
• Topics: animated-juice, colorful-ui, css-illustration, floating-elements, fruit-theme, gsap-tweenmax, html-css-js, interactive-elements, juice-animation, juice-promotion, landing-food, leaf-animation, light-theme, playful-design, product-showcase, refreshing-ui, responsive-landing-page, toggle-navbar-effects, typography-branding, vanilla-javascript
• Language: CSS
• Homepage: https://background-animation-juice.netlify.app/
• Size: 3.17 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
  

    

      

    

    

  
🍎 Animation de Fond  –  Jus de Fruits
  



## 
 📌 Sommaire

    🎨   [**Introduction**](#introduction)


    🛠️   [**Technologies**](#technologies)


    🎯   [**Fonctionnalités**](#fonctionnalités)


    🚀   [**Installation**](#installation)


## 
 🎨 Introduction

Landing page dynamique et rafraîchissante, animée avec **GSAP** et **TweenMax**. Elle met en scène des visuels vitaminés (jus, pommes, feuilles) dans un univers coloré et responsive.

Parfaite pour promouvoir des marques de jus, produits naturels ou projets liés au bien-être, chaque élément flotte ou surgit avec fluidité pour offrir une expérience moderne, vive et gourmande.

## 
 🛠️ Technologies

- HTML5 sémantique et accessible

- CSS3 moderne avec variables, media queries et animations

- JavaScript ES6 clair et modulaire

- [GSAP + TweenMax](https://greensock.com/gsap/) pour les animations

- [Remix Icons](https://remixicon.com/) pour les icônes vectorielles

## 
 🎯 Fonctionnalités

- Animations de feuilles, pommes, liquide et texte via TweenMax

- Illustration dynamique de boisson fruitée

- Effets de flottaison et apparitions séquentielles

- Navigation fluide avec menu responsive

- Design mobile-first 100% adaptatif

- Visuels SVG positionnés dynamiquement

- Palette de couleurs fraîche et estivale

- Typographie sur mesure via Open Sans et Lemon

## 
 🚀 Installation

### ✅ Prérequis

- [Google Chrome](https://www.google.com/) — Navigateur moderne

- [Visual Studio Code](https://code.visualstudio.com/) — Éditeur de code

- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) — Extension VS Code

### 📥 Cloner le projet

```bash

git clone https://github.com/ValentinMadiot/background-animation-juice_js

cd background-animation-juice_js

```

### ▶️ Lancer le projet

Ouvre le fichier `index.html` dans ton navigateur, ou utilise l’extension **Live Server** pour un aperçu dynamique.