Getting Started

Install and configure tw-easing-gradients

		pnpm add tw-easing-gradients

		npm install tw-easing-gradients

		yarn add tw-easing-gradients

		/* app.css */
@import 'tailwindcss';
@plugin 'tw-easing-gradients';

You can optionally configure the number of color stops:

		@plugin 'tw-easing-gradients' {
	stops: 20;
}

Use the utilities together with Tailwind's from-* and to-* color utilities:

		<div class="bg-ease-to-b from-black to-transparent">
	<!-- Smooth fade to transparent -->
</div>

This plugin requires Tailwind CSS v4.

This plugin uses modern CSS features (oklch and color-mix). For older browsers, a simple linear gradient fallback is automatically included.

Next Steps