https://github.com/networkflux/award
An Awwwards Winning Website
https://github.com/networkflux/award
gsap javascript react tailwindcss
Last synced: 3 months ago
JSON representation
An Awwwards Winning Website
- Host: GitHub
- URL: https://github.com/networkflux/award
- Owner: NetworkFlux
- Created: 2025-01-19T18:03:40.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2025-03-05T16:31:23.000Z (3 months ago)
- Last Synced: 2025-03-05T17:39:04.804Z (3 months ago)
- Topics: gsap, javascript, react, tailwindcss
- Language: JavaScript
- Homepage: https://award-hazel.vercel.app
- Size: 48.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
An Awwwards Winning Website
## 📋 Table of Contents
1. 🤖 [Introduction](#introduction)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🔋 [Features](#features)
4. 🤸 [Quick Start](#quick-start)
## ⚠️ Disclaimer
All design credits go to **[Zentry](https://zentry.com/)**. This project is created purely for **educational purposes** and is not intended for commercial use.
A visually captivating website inspired by **[Zentry](https://zentry.com/)**, featuring scroll-triggered animations, geometric transitions, and engaging video storytelling. Deliver a luxurious, modern feel, focusing on engaging UI/UX and smooth responsiveness, capturing the essence of what makes an Awwwards winner.
Visit the app by going here: https://award-hazel.vercel.app/
- 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/NetworkFlux/Award
cd Award
```
**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.