Motion Primitives Project

Interactive Website Templates

A collection of premium website templates built with Next.js and GSAP, designed for businesses that want a visually stunning, custom-feel site without the custom price tag.

Next.js
GSAP
Tailwind CSS
Framer Motion
Templates
Hero image for Interactive Website Templates

The Problem

Off-the-shelf website templates often feel generic and lack the high-end, immersive animations that make a brand memorable. Businesses want a polished, custom-looking site but often can't justify the budget for a full-scale custom build with complex animation work.

The Solution

I created a collection of production-ready templates built on Next.js for optimal performance and SEO. The key differentiator is the use of the GreenSock Animation Platform (GSAP) for intricate, scroll-based, and timeline-sequenced animations. This creates a dynamic, narrative-driven experience, while Framer Motion handles the smaller micro-interactions for a fluid and responsive feel.

The Outcome

The final products give businesses an affordable way to achieve a premium web presence. This project demonstrates my ability to blend powerful animation libraries like GSAP and Framer Motion to create beautiful, performant, and marketable websites that stand out in a competitive digital landscape.

Project Gallery

A preview of the 'Agency' template's hero section animation.

A preview of the 'Agency' template's hero section animation.

Example of a GSAP-powered scroll-triggered animation.

Example of a GSAP-powered scroll-triggered animation.