awwwards-landing-page
Awwwards-style portfolio landing page with smooth scroll and motion animations.
- Built with Next.js, Locomotive Scroll, GSAP, and Framer Motion for fluid scroll-triggered animations and interactive effects
- Static site with no environment variables required; runs on port 3000 during development
- Deployment requires special handling on Vercel using
vercel build --prodfollowed byvercel deploy --prebuilt --prod; Netlify deployment available as alternative
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 .
More from eng0ai/eng0-template-skills
gsap-awwwards-website
SPYLT product landing with GSAP scroll animations, React 19, and Tailwind CSS 4.
465financial-deep-research
Conduct enterprise-grade financial research with multi-source synthesis, regulatory compliance tracking, and verified market analysis. Use when user needs comprehensive financial analysis requiring 10+ sources, verified claims, market comparisons, or investment research. Triggers include "financial research", "market analysis", "investment analysis", "due diligence", "financial deep dive", "compare stocks/funds", or "analyze [company/sector]". Do NOT use for simple stock quotes, basic company lookups, or questions answerable with 1-2 searches.
450market-data
Access US stock market data including price bars, news with sentiment, and company details via eng0 data API. Use when user asks for stock prices, OHLCV data, price history, stock news, or company information. Triggers include "stock price", "price history", "OHLCV", "stock news", "company info", "market data", "ticker data". Do NOT use for SEC filings (use sec-edgar-skill instead).
324award-winning-website
Gaming landing page with GSAP scroll animations, 3D effects, and video storytelling.
216sec-edgar-skill
SEC EDGAR filing analysis using EdgarTools. Use when user asks about SEC filings, company financials, 10-K/10-Q analysis, insider trading, revenue trends, or financial comparisons. Triggers include "SEC filing", "10-K", "10-Q", "8-K", "EDGAR", "company financials", "revenue", "earnings", "insider trading", "financial statements". Do NOT use for real-time stock prices or market data (use market-data skill instead).
150echarts
Knowledge about pyecharts chart creation, HTML report generation, and visualization best practices
136