Skip to content

Asad935477/UI-practice-MAGMA-Awarded-Website-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MAGMA Real Estate Agency (Awwwards 2023 winner clone)

Welcome to MAGMA, an award-winning real estate agency website clone! This project showcases a sleek and modern design, built to offer an exceptional user experience. The website is crafted with HTML, CSS, JavaScript, and leverages Three.js for stunning 3D visuals, GSAP for smooth animations, and Locomotive Scroll for sophisticated scrolling effects.

Table of Contents

  1. Project Overview
  2. Features
  3. Technologies Used
  4. Installation
  5. Usage
  6. License

Project Overview

MAGMA is a real estate agency website clone designed to captivate users with its visual aesthetics and interactive elements. The site offers a seamless browsing experience with immersive 3D elements, animated transitions, and dynamic content.

Features

  • 3D Visuals: Stunning 3D elements created with Three.js.
  • Smooth Animations: Engaging animations powered by GSAP.
  • Sophisticated Scrolling: Enhanced scrolling experience with Locomotive Scroll.
  • Responsive Design: Fully responsive layout for all devices.
  • User-Friendly Interface: Intuitive navigation and layout.

Technologies Used

  • HTML5: Markup language for structuring the content.
  • CSS3: Styling the website with modern design principles.
  • JavaScript: Adding interactivity and dynamic content.
  • Three.js: Creating and displaying 3D graphics in the browser.
  • GSAP (GreenSock Animation Platform): Managing animations and transitions.
  • Locomotive Scroll: Implementing smooth and sophisticated scrolling effects.

Installation

To set up this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/yourusername/magma-real-estate-clone.git
    cd magma-real-estate-clone
  2. Open the project: Open the index.html file in your favorite web browser to view the website.

Usage

Feel free to explore the website and interact with its features. Navigate through different sections to experience the stunning visuals, smooth animations, and elegant scrolling effects.

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published