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

Page d’accueil immersive avec animations GSAP, effets sakura et design responsive. Idéal pour projets artistiques ou culturels souhaitant offrir une expérience visuelle poétique et apaisante.
https://github.com/valentinmadiot/background-animation-temple_js

animated-landing-page background-effects cultural-theme design frontend-project gsap hero-section html-css-js immersive-experience interactive-ui javascript-vanilla mobile-first pure-css-layout remix-icons responsive-navbar sakura scroll-blur single-page-site static-website webdesign

Last synced: 7 months ago
JSON representation

Page d’accueil immersive avec animations GSAP, effets sakura et design responsive. Idéal pour projets artistiques ou culturels souhaitant offrir une expérience visuelle poétique et apaisante.

• Host: GitHub
• URL: https://github.com/valentinmadiot/background-animation-temple_js
• Owner: ValentinMadiot
• Created: 2025-02-18T15:43:24.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-29T17:03:51.000Z (11 months ago)
• Last Synced: 2025-06-29T18:19:44.582Z (11 months ago)
• Topics: animated-landing-page, background-effects, cultural-theme, design, frontend-project, gsap, hero-section, html-css-js, immersive-experience, interactive-ui, javascript-vanilla, mobile-first, pure-css-layout, remix-icons, responsive-navbar, sakura, scroll-blur, single-page-site, static-website, webdesign
• Language: CSS
• Homepage: https://background-animation-temple.netlify.app/
• Size: 1.78 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
 

   

     

   

   

  
🏯 Animation de Fond  –  Temple
 



## 
 📌 Sommaire

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


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


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


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


## 
 🎨 Introduction

Page d’accueil immersive sur le thème spirituel, animée avec **GSAP**, et **Sakura.js**. Elle mêle douceur visuelle et animations de pétales flottants pour une atmosphère paisible et contemplative.

Parfaite pour des projets culturels, artistiques ou méditatifs, cette landing page responsive allie esthétisme raffiné, design épuré et interactivité subtile.

## 
 🛠️ Technologies

- HTML5 sémantique et accessible

- CSS3 moderne avec variables, media queries et animations

- JavaScript ES6 clair et modulaire

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

- [Sakura.js](https://github.com/jhammann/sakura) pour une pluie de pétales

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

## 
 🎯 Fonctionnalités

- Animation d’arrière-plan avec effets de pétales tombants

- Animation séquentielle des éléments via GSAP

- Menu responsive avec effet mobile toggle

- Scroll avec effet flou sur le header

- Design poétique, calme et contemplatif

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

cd background-animation-temple_js

```

### ▶️ Lancer le projet

Il suffit d’ouvrir le fichier `index.html` dans un navigateur, ou d’utiliser l’extension **Live Server** pour un rendu dynamique.