Build Fast & Responsive Portfolios with Next.js & Tailwind CSS

Build Fast & Responsive Portfolios with Next.js & Tailwind CSSBuild Fast & Responsive Portfolios with Next.js & Tailwind CSS

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Alvin Salim

• Jun 29

Developer Portfolio — Next.js + Tailwind + Framer Motion Description: A fast, editorial portfolio site built end to end in Next.js (App Router) with Tailwind CSS and Framer Motion scroll animations — fully responsive dark design, deployed on Vercel. Live: portfolio-plum-eight-23.vercel.app. Stack: Next.js · React · TypeScript · Tailwind · Framer Motion.

Next.js Full Stack Development Web Development Motion for React

Francesco Cerasari

pro

• Jun 28

Just shipped my new studio website and I'd love this community's honest feedback.

Built entirely from scratch, no page builders.

Tech stack:

- Next.js 15 (App Router) + React 19 + TypeScript

- Three.js / React Three Fiber + custom GLSL shaders for the 3D hero scenes

- Motion for animations, Lenis for smooth scroll

- Tailwind CSS v4, fully responsive, bilingual (IT/EN)

The idea is a monochrome, motion-led design where every page has its own WebGL hero and custom micro-interactions, chasing that "wow" feel without sacrificing performance.

Live at nextwebterni.it

What do you think? I'm especially curious about the UX and the animations. Any honest critique is welcome!