RetroBadges
Retro/Vintage Badges Component for Business/Corporate websites with Complementary color scheme. Simple layout, responsive design with dark theme support. No JavaScript.
HTML Code
<div class="flex flex-wrap gap-2 p-4 bg-gray-100 dark:bg-gray-900">
<!-- Badge 1 -->
<span class="px-3 py-1 text-sm font-semibold text-purple-800 bg-purple-200 rounded-full dark:text-purple-200 dark:bg-purple-800">
Vintage Vibe
</span>
<!-- Badge 2 -->
<span class="px-3 py-1 text-sm font-semibold text-yellow-800 bg-yellow-200 rounded-full dark:text-yellow-200 dark:bg-yellow-800">
Retro Style
</span>
<!-- Badge 3 -->
<span class="px-3 py-1 text-sm font-semibold text-green-800 bg-green-200 rounded-full dark:text-green-200 dark:bg-green-800">
Classic Look
</span>
</div>Related Components
Badges Component 48
A Badges Component designed with Material Design principles, featuring responsive layouts and dark theme support using Tailwind CSS.
Badges Component
A retro-themed badges component with a grayscale color scheme, suitable for a blog or content site. It features multiple interactive elements and full responsiveness, with dark mode support. The design avoids JavaScript, relying solely on HTML and Tailwind CSS.
Badges Component
A minimalist badges component for dashboards, featuring earth tones and dark mode support.