Shuffle for Tailwind CSS
How it works Features Components Pricing
Log in Try Demo
← Tailwind CSS classes list

Tailwind CSS class: .to-red-100

    <div class="h-32 w-32 bg-gradient-to-r from-blue-400 to-red-100"></div>

Preview

More in Tailwind CSS Background gradient

  • .bg-gradient-to-b
  • .bg-gradient-to-bl
  • .bg-gradient-to-br
  • .bg-gradient-to-l
  • .bg-gradient-to-r
  • .bg-gradient-to-t
  • .bg-gradient-to-tl
  • .bg-gradient-to-tr
  • .from-blue-100
  • .from-current
  • .from-gray-100
  • .from-indigo-100
  • .from-pink-100
  • .from-purple-100
  • .from-red-100
  • .from-transparent
  • .from-white
  • .from-yellow-100
  • .from-transparent
  • .to-black
  • .to-blue-100
  • .to-current
  • .to-gray-100
  • .to-green-100
  • .to-indigo-100
  • .to-pink-100
  • .to-purple-100
  • .to-transparent
  • .to-white
  • .to-yellow-100
  • .top-1
  • .via-black
  • .via-blue-100
  • .via-current
  • .via-gray-100
  • .via-green-100
  • .via-indigo-100
  • .via-pink-100
  • .via-purple-100
  • .via-red-100
  • .via-transparent
  • .via-white
  • .via-yellow-100
Tailwind CSS
  • Tailwind Editor
  • Tailwind Components
  • Tailwind Templates
© 2025 Shuffle
Terms Privacy Policy Licenses Support Components Templates Tailwind CSS

Tailwind Builder is a product of Shuffle and is not affiliated with Tailwind CSS or Tailwind Labs.

Switch to the Tailwind Editor by Shuffle