Awwwards landing page

Skill Sheshiyer/skill-clusters/skills/awwwards-landing-page

Designer-portfolio / award-style landing with Locomotive Scroll, GSAP, and Framer Motion. USE WHEN building a portfolio or agency landing with smooth (Locomotive) scroll plus GSAP + Framer Motion motion.From its SKILL.md

Install

npx -y skills add Sheshiyer/skill-clusters --skill awwwards-landing-page

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.7 KB, 392 tokens by cl100k_base, as published. Nobody here has run it

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

npm run dev

Opens at http://localhost:3000

Notes

Static Next.js site - no environment variables needed
Never run npm run dev in VM environment

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.