tailwindcss-motion
A simple, yet powerful, animation library with a simple syntax.
Kevin Grajeda
Developer
I have a proven track record in creating innovative web applications. Experienced in leading projects from conception to deployment.
Co-creator of Tailwind Motion, an animation plugin with 2.7K+ GitHub stars and 11K+ weekly downloads.
I thrive in environments that blend design and engineering, combining aesthetics with technical excellence to create high-impact tools and applications.
- Previously Design Engineer at Rombo
Posts
Bringing Motion to Tailwind CSS: Building an animation plugin at Rombo
Creating a plugin for Tailwind CSS that allows designers and developers to animate elements with minimal effort and maximum flexibility.
Effortless UI Spring Animations: A Two-Parameter Approach
A method that uses just two parameters for crafting spring animations.
Adopting the App Router
Adopting the Next.js App Router for Tianguiza, a street market app.
Enhance React Animations: A Guide to the View Transitions API
How to use the view transitions API to create animations in a React component.
tailwindcss-spring
A Tailwind CSS plugin that adds spring animations to your project.
CSS Spring Easing Generator
A tool designed to intuitively generate spring easings.
Tianguiza
Web app for searching tianguis (open-air markets) in Guadalajara.
SudorFit
Mobile application for tracking physical activity.
Mesh Gradient Generator
Web application for generating mesh gradient images.
Playground
Fur Button
Button with a fur effect made with SVG Filters.
Frosted Glass Navbar
A frosted glass navbar made with SVG Filters
Unlock Animation
Button that transforms into a loader animation.
Reading List
A reading list component that uses view transitions.
Cards Animation
Cards layout animation using view transitions.
Dialog Animation
Multiple steps dialog animation.
Button Interaction
A button interaction that uses the view transitions API.