A collection of easing utility classes to enhance your Tailwind CSS animations and transitions.

Anja Petry

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

A set of easing functions is provided for use in Tailwind CSS projects. It is recommended to use class names with arbitrary properties like `[transition-timing-function:cubic-bezier(...)]` instead of `ease-[cubic-bezier(...)]`, particularly when working with the tailwindcss-animate plugin, due to compatibility issues noted in the Tailwind CSS documentation.

Tailwind CSS easing classes