Best of Tailwind CSS — November 2025

1. 1
   Video

   developedbyed·26w

   Animations that should not exist on the web

   Common web animation mistakes include typewriter effects, slow fade-ins exceeding 750ms, scroll jacking, auto-playing carousels, and excessive simultaneous movements causing anti-focus. Best practices involve keeping animations subtle and under 750ms, allowing users to pause auto-animations, maintaining consistent timing, and using libraries like Motion (formerly Framer Motion) or Tailwind CSS animation plugins instead of custom implementations.

   95

   3
2. 2
   Video

   Josh tried coding·26w

   This New Tailwind Plugin is Awesome

   The new CSS corner-shape property enables native support for squircles (square-circle hybrids) and other corner shapes that were previously difficult to implement. Currently supported in Chrome and Edge, the property works with border-radius to create smoother, more visually appealing corners. A Tailwind plugin by Brandon Mecconell provides utility classes for easy implementation, with graceful fallbacks for unsupported browsers like Firefox and Safari that default to standard border-radius styling.

   28
3. 3
   Article

   WebCraft·28w

   Tired of setting up Vite + React + Tailwind again and again?

   create-vrtw is a CLI tool that automates React + Vite project setup with Tailwind v4 or Bootstrap 5. It handles boilerplate removal and can optionally install React Router or Redux. The tool works with npm, bun, pnpm, and yarn package managers.

   11

   4