← Work/05 of 10/Hand-built

My previous portfolio: a dark, motion-heavy Next.js site where I pushed animation libraries like Magic UI and Aceternity UI as far as they'd go.

RoleDesigner & developer
CompanyIndependent
TeamSolo
Timeline2025
StatusLive on Vercel
(01)

Overview

Portfolio 2025 was a playground as much as a portfolio. I used it to explore animation: spotlight and lamp glows, a headline word that keeps changing, infinite tech-stack marquees, an orbiting cloud of tool icons, a typewriter headline, a floating dock, and cards with glowing borders, built with Magic UI and Aceternity UI on Next.js and Tailwind CSS. The brief I set myself: think out of the box and make every section move.

(02)

My role

Designer & developer
  1. 01Designed and built the whole site: Home, About, Projects, Services and Contact.
  2. 02Explored animation with Magic UI and Aceternity UI: spotlights, lamp glows, word rotators, icon clouds and animated borders.
  3. 03Built infinite tech-stack marquees, stat counters whose borders trace themselves, and a timeline of my roles and projects.
  4. 04Restyled and combined library effects so they read as one design rather than a demo reel.
(03)

How it was built

Hand-built

Hand-built as an animation lab: take an effect from Magic UI or Aceternity UI, bend it to fit, and push it further than the demo.

  1. Me

    Explore

    Try effects from Magic UI and Aceternity UI and see how far they go.

  2. Me

    Remix

    Combine and restyle them into one consistent, dark design.

  3. Vercel

    Ship

    Deploy and keep iterating on the live site.

(04)

Key features

Spotlight hero

Gradient headline under a moving light, with a rotating word: Innovative, Creative, Elegant…

Tech marquees

Two infinite rows of the stack, fading out at the edges.

Orbiting icon cloud

"My Tech Universe": every tool I use, spinning as a 3D sphere of icons.

Typewriter & floating dock

The About headline types itself out, with LinkedIn, résumé, phone, email and GitHub in a magnifying dock.

Lamp glow

A beam of light switches on over the Projects page heading.

Glowing cards

Stat counters and service cards whose borders light up and trace themselves.

(05)

Impact

5Pages, every one animated
2Animation libraries explored
(06)

Screens

8 of 8 added
01Home — spotlight hero, rotating word and infinite tech marquees
02Who I am — counters with self-tracing borders
03About — typewriter headline, bio and a floating dock of links
04My Tech Universe — an orbiting cloud of tool icons
05Timeline of roles and the projects behind them
06Projects — a lamp glow switches on over the heading
07Services — cards with glowing, animated borders
08Contact — details and a message form over drifting beams
(07)

Stack

Framework

  • Next.js
  • React

Animation

  • Magic UI
  • Aceternity UI
  • Framer Motion

UI

  • Tailwind CSS

Hosting

  • Vercel
(05) Next step — open to senior roles & freelance projectsLet’s
talk.