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 - 3D Analogous Dashboard
A responsive Badges Component with 3D design, analogous color scheme, moderate complexity, and dark theme support for dashboards. Uses Tailwind CSS classes only.
3D_Badge_Component
A simple, responsive 3D-inspired badge component for blog/content, featuring high-contrast colors and dark mode support.
OrganicNatureInspiredBadges
A moderate complexity badges component with nature-inspired flowing lines and a triadic color scheme, suitable for a portfolio to showcase work or products. It includes responsiveness and dark mode support.