mcpField
A
awwwards-landing-page

awwwards-landing-page

github.com/rebyteai-templateDesign & UI171.3k installsUpdated 19w ago
Repository

About awwwards-landing-page

A Next.js portfolio landing-page template for developers and designers, featuring smooth scrolling and motion built with Locomotive Scroll, GSAP, and Framer Motion.

Key features

  1. 01Next.js landing-page template
  2. 02Locomotive Scroll integration
  3. 03GSAP and Framer Motion effects
  4. 04Static site without environment variables

Use cases

  1. 01Building a portfolio landing page
  2. 02Creating a scroll-animated site
  3. 03Starting a static Next.js project

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill awwwards-landing-page

After installing, type/awwwards-landing-pagein Claude Code to confirm it loaded.

Details

From the project README

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

Comments

Markdown supported