Skip to content

Animated React Components

A collection of interactive components I built to explore motion, feedback, and expressive web interfaces with Framer Motion and Tailwind CSS.

Overlapping Text Hero
Overlapping Text Hero

Scroll-linked hero section featuring animated dual radial mask apertures and layered typography.

Bubble Text
Bubble Text

Interactive character proximity typography wave that dynamically alters font weight around the pointer.

Telescope Hero
Telescope Hero

Multi-layer focal parallax hero with physics-calibrated floating layers and dynamic scroll speed.

Magnetic Button
Magnetic Button

Smooth physics-spring magnetic button that follows cursor proximity with soft elastic snapback.

Radial Gradient Card
Radial Gradient Card

Luminous cursor-following spotlight card that dynamically renders an organic radial glow under mouse coordinates.

Binary Grid
Binary Grid

Dynamic cursor-revealed matrix stream that exposes an organic radial aperture over encoded binary streams.

More components coming soon

New physics micro-interactions, scroll choreographies, and canvas shaders are in the works and will be added regularly.

Looking for a specific interaction?Suggest a craft

LET'S TALK

Hiring for a full stack role or planning a web project? Email me and we can arrange a call.

Jayant Potdar

Jayant Potdar

Open to internships, full-time roles, and selected projects. Email me to arrange a call.

1

let's make something together

CONTACTdrop a line