Gsap Awwwards Website

A product landing page template built with GSAP scroll animations, React 19, and Tailwind CSS 4. This is for when you need those smooth, Awwwards-style scroll effects without building the animation architecture from scratch. The setup is straightforward: clone the repo, install dependencies, and you're running on localhost:5173. The deployment instructions are notably specific about Vercel (use the build then deploy workflow, not the direct deploy), which suggests the creator learned that lesson the hard way. Good starting point if you want polished scroll interactions and don't want to spend days tweaking GSAP timelines.

skills.sh installs: 646
GitHub stars: 10
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add eng0ai/eng0-template-skills --skill gsap-awwwards-website --agent claude-code

Installs into .claude/skills of the current project.

Files

GSAP Awwwards Website

A stunning product landing page with GSAP scroll animations, modern React 19 architecture, and Tailwind CSS 4 styling.

Tech Stack

Framework: React 19
Build Tool: Vite
Animation: GSAP
Styling: Tailwind CSS 4
Package Manager: npm
Output: dist directory
Dev Port: 5173

Setup

1. Clone the Template

git clone --depth 1 https://github.com/Eng0AI/gsap-awwwards-website-template.git .

If the directory is not empty:

git clone --depth 1 https://github.com/Eng0AI/gsap-awwwards-website-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template