Components

Components – project

Type

Personal project

Role

Design + Development

Year

2024

Next.jsGSAPFramer MotionThree.js

Components - Components - Components - Components -

Components - Components - Components - Components -

THE PLAYGROUND
THAT SEEDED
A LIBRARY

background

My animation playground: a collection of components where I learned GSAP, Framer Motion and three.js.

Each component is a standalone experiment — text marquees, mask reveals, 3D models, an advanced carousel.

This is where the idea of my own animation library grew from.

Mobile view of the Components project home page
Color palette of the Components project
Screenshot of the Components project
Mobile view – main page

Main page

Mobile view – 3D models

3D models

Mobile view – advanced carousel

Adv. Carousel

The design is deliberately minimal so the motion stands out: white background, dark typography, one accent colour.

Nothing competes with the animations for attention.

I use components from here in real projects today.

Screenshot of the Components project
Code snippet from the Components project
Mobile view of the Components project

Explore more Unique Projects