https://github.com/bernietv/zentry-clone
Zentry Clone build with React 19, Tailwind CSS and GSAP ⛩️🌸🍥☯🍜
https://github.com/bernietv/zentry-clone
gsap reactjs tailwind-css vite
Last synced: 4 months ago
JSON representation
Zentry Clone build with React 19, Tailwind CSS and GSAP ⛩️🌸🍥☯🍜
- Host: GitHub
- URL: https://github.com/bernietv/zentry-clone
- Owner: BernieTv
- License: mit
- Created: 2024-12-02T10:55:37.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-27T08:23:54.000Z (over 1 year ago)
- Last Synced: 2025-03-24T07:47:27.702Z (over 1 year ago)
- Topics: gsap, reactjs, tailwind-css, vite
- Language: JavaScript
- Homepage: https://zentry-clone-hazel.vercel.app
- Size: 48.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
An Awwwards Winning Website
## 📋 Table of Contents
1. ⚙️ [Tech Stack](#tech-stack)
2. 🔋 [Features](#features)
3. 🤸 [Quick Start](#quick-start)
- GSAP
- React.js
- Tailwind CSS
## 🔋 Features
👉 **Scroll-Based Animations**: Dynamic animations triggered by scrolling for a more engaging user experience.
👉 **Clip Path Shaped Animations**: Unique geometric transitions using CSS clip-paths to create visually stunning effects.
👉 **3D Hover Effects**: Interactive 3D transformations that respond to user interactions for a modern feel.
👉 **Video Transitions**: Seamlessly integrated video elements to enhance storytelling and flow.
👉 **Smooth UI/UX**: Polished interfaces with buttery-smooth interactions for an intuitive user journey.
👉 **Completely Responsive**: Flawless adaptation across all devices, ensuring a consistent experience.
and many more, including code architecture and reusability
Follow these steps to set up the project locally on your machine.
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
git clone https://github.com/BernieTv/Zentry-Clone.git
cd Zentry-CLone
```
**Installation**
Install the project dependencies using npm:
```bash
npm install
```
**Running the Project**
```bash
npm run dev
```
Open [http://localhost:5173](http://localhost:5173) in your browser to view the project.