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:
.placeholder-yellow-100
<input class="placeholder-yellow-100 block px-2 py-1 border rounded" placeholder="Text"/>
Preview
More in Tailwind CSS Utilities
.cursor-auto
.cursor-default
.cursor-move
.cursor-pointer
.cursor-text
.cursor-wait
.cursor-not-allowed
.appearance-none
.placeholder-transparent::placeholder
.placeholder-current::placeholder
.placeholder-black::placeholder
.placeholder-white::placeholder
.placeholder-gray-600::placeholder
.placeholder-red-600::placeholder
.placeholder-orange-600::placeholder
.placeholder-yellow-600::placeholder
.placeholder-green-600::placeholder
.placeholder-teal-600::placeholder
.placeholder-blue-600::placeholder
.placeholder-indigo-600::placeholder
.placeholder-purple-600::placeholder
.placeholder-pink-600::placeholder
.placeholder-gray-100::placeholder
.placeholder-gray-200::placeholder
.placeholder-gray-300::placeholder
.placeholder-gray-400::placeholder
.placeholder-gray-500::placeholder
.placeholder-gray-600::placeholder
.placeholder-gray-700::placeholder
.placeholder-gray-800::placeholder
.placeholder-gray-900::placeholder
.placeholder-opacity-0
.placeholder-opacity-25
.placeholder-opacity-50
.placeholder-opacity-75
.placeholder-opacity-100
.outline-none
.overflow-hidden / .overflow-*
.scrolling-touch / .scrolling-auto
.pointer-events-none
.pointer-events-auto
.resize
.resize-none
.resize-y
.resize-x
.select-none
.select-text
.select-all
.select-auto
.placeholder-blue-100
.placeholder-current
.placeholder-gray-100
.placeholder-green-100
.placeholder-indigo-100
.placeholder-opacity-10
.placeholder-pink-100
.placeholder-purple-100
.placeholder-red-100
.placeholder-transparent
.placeholder-white
Tailwind CSS
Tailwind Editor
Tailwind Components
Tailwind Templates