eng0ai

awwwards-portfolio

Award-winning portfolio template with Locomotive Scroll, GSAP, and Framer Motion animations. Use when the user wants to scaffold a new portfolio or landing page project.

eng0ai 0 Updated 2w ago

Resources

10
GitHub

Install

npx skillscat add eng0ai/awwwards-portfolio-template

Install via the SkillsCat registry.

SKILL.md

Awwwards Portfolio Template

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

Tech Stack

  • Framework: Next.js 14
  • Animation: Locomotive Scroll, GSAP, Framer Motion
  • Styling: Tailwind CSS

Setup

Clone the template and install dependencies into the current directory:

git clone --depth 1 https://github.com/Eng0AI/awwwards-portfolio-template.git . --quiet && npm install --silent

Then start the development server:

npm run dev -- --hostname 0.0.0.0

Tell the user the portfolio is live at http://localhost:4000 and they can start customizing the content in app/page.js and the components in components/.