https://github.com/kahkasha17/thisismagma-clone

🔥 Magma vibes, cloned & coded from scratch — HTML, CSS, JS + GSAP + Locomotive.js + Canvas ⚡ Pure frontend magic in motion! 🧠💥
https://github.com/kahkasha17/thisismagma-clone

advanced-scroll animated-landing-page canvas-animations creative-design frontend-clone gsap-animation html-css-js-project javascript-project landing-page landing-page-clone-showcase landing-page-clones locomotive-scroll magma-clone motion-design smooth-scrolling ui-ux-clone web-clone

Last synced: 1 day ago
JSON representation

🔥 Magma vibes, cloned & coded from scratch — HTML, CSS, JS + GSAP + Locomotive.js + Canvas ⚡ Pure frontend magic in motion! 🧠💥

• Host: GitHub
• URL: https://github.com/kahkasha17/thisismagma-clone
• Owner: kahkasha17
• Created: 2025-05-07T16:12:51.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-19T04:18:05.000Z (about 1 year ago)
• Last Synced: 2025-10-29T16:08:53.829Z (8 months ago)
• Topics: advanced-scroll, animated-landing-page, canvas-animations, creative-design, frontend-clone, gsap-animation, html-css-js-project, javascript-project, landing-page, landing-page-clone-showcase, landing-page-clones, locomotive-scroll, magma-clone, motion-design, smooth-scrolling, ui-ux-clone, web-clone
• Language: JavaScript
• Homepage: https://kahkasha17.github.io/thisismagma-clone/
• Size: 45.9 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🔥 Magma Landing Page Clone

> A pixel-perfect clone of [thisismagma.com](https://thisismagma.com/) — built with pure HTML, CSS, JavaScript, GSAP, Locomotive.js, and custom Canvas animations. Scroll like a boss, vibe like magma. 💥🔥

---

## 🚀 Live Demo

👉 [Click here to see it live](https://kahkasha17.github.io/thisismagma-clone/)  

---

## ⚙️ What’s Inside?

- Clean and semantic **HTML5**

- Fully styled with **CSS3**

- **JavaScript** interactions

- Smooth scroll via **Locomotive.js**

- Crazy cool scroll-based **GSAP** animations

- **Canvas animations** for an immersive experience

- No frameworks — just handcrafted awesomeness

---

## 🧠 Tech Stack

- HTML5

- CSS3

- JavaScript

- GSAP (GreenSock Animation Platform)

- Locomotive.js

- Canvas API

---

## 📸 Preview

### 🖼️ Hero Section  

![Hero](assets/hero.PNG)

### 🖼️ About Section  

![About](assets/about.PNG)

### 🖼️ Feature Section  

![Features](assets/feature.PNG)

![Features](assets/feature2.PNG)

### 🖼️ Footer  

![Footer](assets/footer.PNG)

---

## 🔖 GitHub Topics

Add these in the “Topics” section on GitHub:

-magma-clone

-frontend-clone

-html-css-js

-gsap-animation

-locomotive-scroll

-canvas-animation

-animated-landing-page

-javascript-project

-web-clone

-advanced-scroll

-creative-design

-ui-ux-clone

-smooth-scrolling

-landing-page-clone

-motion-design

---

## 📬 Let’s Connect

Drop a ⭐ if you like this clone, or hit me up for feedback, collabs, or code talk! 😎