Intention

Personal brand template with 3D effects and text animations.

Live preview

Features

  • 3D noise field hero background
  • Text scramble animations on interaction
  • Magnetic text that follows cursor
  • Smooth scroll-driven reveal animations
  • Project showcase section

Best For

Personal brands, creative portfolios, freelancer sites, designers and developers who want to stand out.

Tech

  • Next.js 16, React 19, Tailwind CSS v4
  • Three.js (React Three Fiber) for 3D noise field
  • Framer Motion for scroll and text animations

Customization Tips

The 3D noise field parameters can be tweaked in the hero component. Text scramble speed and characters are configurable via props. The magnetic effect strength is adjustable in the component.