Minimal Portfolio Project

A capstone project in which we build a minimal portfolio website with Motion, published live on Aceternity UI

What are we building?

We are going to build a minimal portfolio website template which is also available at Aceternity UI.

Simple, clean and minimal. Here's the stack

  • Next.js for the frontend
  • Tailwind CSS for styling
  • Motion for animations
  • Deployed on Vercel

Here are a few components that I enjoyed building for this project:

Text Flipper

Sequences of text code and change. Uses setInterval and motion.

Stacked Hover Items

Uses layoutId and layout animations to spread width uniformly.

Draggable Cards

Uses useMotionValue and useSpring to create a draggable card effect.

What's next?

I'll be coming up with more tutorials and projects in the future. This is a work in progress and I'll be adding more to it as I go along.