https://github.com/4ssh1/cocktail-website

A sleek, animated, and responsive Cocktail Landing Page built with React, TypeScript, Tailwind CSS, and GSAP for smooth animations. This project showcases a vibrant user interface for a cocktail-themed product or brand using modern frontend technologies.
https://github.com/4ssh1/cocktail-website

gsap react typescript

Last synced: 3 months ago
JSON representation

A sleek, animated, and responsive Cocktail Landing Page built with React, TypeScript, Tailwind CSS, and GSAP for smooth animations. This project showcases a vibrant user interface for a cocktail-themed product or brand using modern frontend technologies.

• Host: GitHub
• URL: https://github.com/4ssh1/cocktail-website
• Owner: 4ssh1
• Created: 2025-08-05T14:18:56.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2026-02-03T00:04:34.000Z (5 months ago)
• Last Synced: 2026-02-03T10:58:31.671Z (5 months ago)
• Topics: gsap, react, typescript
• Language: TypeScript
• Homepage:
• Size: 108 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🍸 Cocktail Landing Page

A sleek, animated, and responsive **Cocktail Landing Page** built with **React**, **TypeScript**, **Tailwind CSS**, and **GSAP** for smooth animations. This project showcases a vibrant user interface for a cocktail-themed product or brand using modern frontend technologies.

[![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)](https://reactjs.org/)

[![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)

[![TailwindCSS](https://img.shields.io/badge/TailwindCSS-06B6D4?style=for-the-badge&logo=tailwindcss&logoColor=white)](https://tailwindcss.com/)

[![GSAP](https://img.shields.io/badge/GSAP-88CE02?style=for-the-badge&logo=greensock&logoColor=white)](https://greensock.com/gsap/)

[![Visitors](https://visitor-badge.laobi.icu/badge?page_id=your-github-username.cocktail-landing)](https://github.com/your-github-username/cocktail-landing)

---

## ✨ Features

- ⚡ Smooth entrance and scroll-triggered animations with GSAP

- 🎨 Fully responsive and mobile-friendly layout with Tailwind CSS

- 📘 Built with strict type safety using TypeScript

- ⚛️ Component-based architecture using React

- 🍹 Stylish, modern design tailored for a cocktail brand or promotion

- 🚀 Lightweight and blazing fast landing page

---



---

## 🚀 Getting Started

### 1. Clone the Repository

```bash

git clone https://github.com/4ssh1/cocktail-website.git

cd cocktail-website

```

### 2. Install Dependencies

```bash

npm install

# or

yarn install

```

### 3. Run the Development Server

```bash

npm run dev

# or

yarn dev

```

## 🛠️ Technologies Used

- React – Frontend library for building UI

- TypeScript – JavaScript with static types

- Tailwind CSS – Utility-first CSS framework

- GSAP (GreenSock Animation Platform) – High-performance animation library

### 📄 License

This project is licensed under the MIT License. Feel free to use and modify it for personal or commercial purposes.