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

### πΌοΈ About Section

### πΌοΈ Feature Section


### πΌοΈ Footer

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