TailwindCSS-motion / a simple syntax to animate in Tailwind CSS
A plugin designed to make adding animations to your projects effortless We’ve made the API intuitive. Want a slide and fade effect? Just use motion-translate-x-in-25 motion-opacity-in-0. Or, opt for a preset like motion-preset-fade for quick implementation.
In plain words
TailwindCSS-motion is a Tailwind CSS plugin that simplifies adding animations to web projects. It provides an intuitive syntax for combining individual animation effects—such as slide and fade—using class names like motion-translate-x-in-25 and motion-opacity-in-0. The plugin also includes preset animations like motion-preset-fade for developers who want quicker implementation. It's designed for developers building with Tailwind CSS who need straightforward animation capabilities without complex configuration.
written from the facts on this page · September 2026
More dev tools this month
the category →
Open-source GTM skills for technical founders
Dev tools · 29d ago · gtmcofounder.com
OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.
Dev tools · 1d ago · opentrailpaper.com
Launched alongside, October 2024
the whole month →
Softr for Notion▲925Turn Notion databases into portals & apps with no code
Dev tools · 2024 · softr.io
One inbox for all your work discussions
Work · 2024 · generalcollaboration.com