Trailbridge Web Logo

Motion Repo

A collection of accessible, customizable animations built with Framer Motion.

To get started, ensure you have Framer-Motion and Tailwind CSS installed and configured in your project. Copy the provided code into your files. Import and use the animation components like regular elements (div, span, etc).

 
Fade In
 
Fade Up
 

Staggered Text

 
Build, Deploy, Scale, Word Carousel
Counter 
 Underline (hover)