Tailwind CSS Classes

« All Tailwind CSS classes

Tailwind CSS class .ring

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

Preview

Are you tired of writing HTML by hand?

Check .ring 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 Tailwind CSS classes in Ring category

.ring
.ring-0
.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
Shuffle Editor

An online editor for busy developers.

Shuffle Editor on Twitter Shuffle Editor on YouTube Shuffle Editor on Facebook

Products

Extensions

UI Components

Support

Company

© 2025 Shuffle. All rights reserved.