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

Tailwind CSS class: .ring-0

    <div class="ring-0 px-4 py-2 inline-block text-white font-semibold bg-teal-400 rounded">Button</div>

Preview

Button

Check .ring-0 in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

More in Tailwind CSS Ring

  • .ring
  • .ring-black
  • .ring-blue-100
  • .ring-current
  • .ring-gray-100
  • .ring-green-100
  • .ring-inding-100
  • .ring-inset
  • .ring-offset-0
  • .ring-offset-black
  • .ring-offset-blue-100
  • .ring-offset-current
  • .ring-offset-gray-100
  • .ring-offset-green-100
  • .ring-offset-indigo-100
  • .ring-offset-pink-100
  • .ring-offset-purple-100
  • .ring-offset-red-100
  • .ring-offset-transparent
  • .ring-offset-white
  • .ring-offset-yellow-100
  • .ring-opacity-0
  • .ring-pink-100
  • .ring-purple-100
  • .ring-red-100
  • .ring-transparent
  • .ring-white
  • .ring-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