nowfound

Dev tools · October 4, 2024

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.

TailwindCSS-motion / a simple syntax to animate in Tailwind CSS launched on October 4, 2024 with 11 votes, #1,114 of 5,185 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 2 years on.

Visit github.com ↗Alternativestop 21% of October 2024

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

From the sources

tailwindcss-motion is a Tailwind CSS Plugin made at RomboHQ. It’s a simple, yet powerful, animation library with a simple syntax. - romboHQ/tailwindcss-motion

Does a similar job

all alternatives →

More dev tools this month

the category →
  • /dev/null▲484

    a social network for devs

    Dev tools · 3d ago · dev-null.sh

  • Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

    open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 28d ago · github.com

  • Reladraw – A diagram language where you decide where to place things▲411

    Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 26d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 23d ago · openbot.run

  • Talanoa▲346

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 21d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 28d ago · corespeed.io

Source: Show HN post ↗

Launched alongside, October 2024

the whole month →
  • buzzabout▲1,267

    Audience insights from 1B+ online discussions in 2 mins

    AI · 2024 · buzzabout.ai

  • bolt.new▲1,230

    Build and scale high-performing websites & apps using your words. Join millions and start building today.

    AI · 2024 · bolt.new

  • Feta▲1,217

    Run smarter stand-ups, build better products

    AI · 2024 · feta.io

  • Trag▲955

    AI code review companion

    AI · 2024 · usetrag.com

  • Softr for Notion▲923

    Turn Notion databases into portals & apps with no code

    Dev tools · 2024 · softr.io

  • General Collaboration▲910

    One inbox for all your work discussions

    Work · 2024 · generalcollaboration.com