Awwwards Landing Page

This is what you reach for when you want that buttery smooth scrolling experience you see on award-winning agency sites. It combines three heavy-hitter animation libraries (Locomotive Scroll, GSAP, and Framer Motion) in a Next.js template, which is either perfectly orchestrated or a recipe for bundle bloat depending on how you look at it. The setup is straightforward, cloning from a GitHub template and running npm install. Worth noting the deployment instructions are unusually specific about Vercel's build process, which suggests someone learned that lesson the hard way. Good starting point if you're building a portfolio or creative agency site and don't want to wire up the animation stack yourself.

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

View on GitHub

Install

$ npx -y skills add eng0ai/eng0-template-skills --skill awwwards-landing-page --agent claude-code

Installs into .claude/skills of the current project.

Files

Awwwards Landing Page

A stunning portfolio landing page with smooth scroll animations using Locomotive Scroll, GSAP, and Framer Motion.

Tech Stack

Framework: Next.js
Animation: Locomotive Scroll, GSAP, Framer Motion
Package Manager: pnpm or npm
Dev Port: 3000

Setup

1. Clone the Template

git clone --depth 1 https://github.com/Eng0AI/awwwards-landing-page-template.git .

If the directory is not empty:

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

2. Remove Git History (Optional)

rm -rf .git
git init

3. Install Dependencies

npm install

Build

npm run build

Deploy

CRITICAL: For Vercel, you MUST use vercel build --prod then vercel deploy --prebuilt --prod. Never use vercel --prod directly.

Vercel (Recommended)

vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN

Netlify

netlify deploy --prod

Development

SKILL.md on GitHub

Details

Repository: github.com/eng0ai/eng0-template-skills
Category: Marketing & SEO
First seen: May 16, 2026

More from eng0ai/eng0-template-skills

All 8