is now part of Shuffle™. The new editor includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
Switch to Shuffle →
Menu
How it works
Features
Components
Pricing
Log in
Try Demo
← Tailwind CSS classes list
Tailwind CSS class:
.from-purple-100
<div class="h-32 w-32 bg-gradient-to-r from-purple-100 to-black"></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-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-red-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