tailwindcss-motion
A simple, yet powerful, animation library with a simple syntax.
Kevin Grajeda
Developer
- Design Engineer at Rombo
I have a proven track record of leading projects from conception to deployment, including an app with over 2,700 monthly views. I've contributed to popular open-source projects and developed three developer tools that have collectively garnered over 140,000 views on Twitter.
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.
Posts
Bringing Motion to Tailwind CSS: Building an animation plugin at Rombo
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.
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.
Adopting the App Router
Adopting the Next.js App Router for Tianguiza, a street market app.
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.
Enhance React Animations: A Guide to the View Transitions API
How to use the view transitions API to create animations in a React component.
PWAs are still the future
My thoughts on the future of PWAs and why they are still relevant.