tailwindcss-spring
A Tailwind CSS plugin that adds spring animations to your project.
Kevin Grajeda
Web Developer
Developer with a proven track record in creating innovative web applications.
Experienced in leading projects from conception to deployment, including an app with over 2,700 monthly views. Contributed to popular open-source projects and developed two developer tools that garnered over 80,000 views on Twitter.
I thrive in environments that blend design and engineering, combining aesthetics with technical excellence to build high-impact web apps.
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.
Encuestas
Full-stack web application for creating and conducting surveys.
Posts
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.