Price Display Component
A minimal price display component with responsive and dark mode support
HTML Code
<div class="bg-white dark:bg-gray-800 rounded-lg px-6 py-8 ring-1 ring-slate-900/5 shadow-xl">
<div>
<span class="inline-flex items-center justify-center p-2 bg-indigo-500 rounded-md shadow-lg">
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"></svg>
</span>
</div>
<h3 class="mt-5 text-base font-medium tracking-tight text-slate-900 dark:text-white">Price</h3>
<p class="mt-2 text-sm text-slate-500 dark:text-slate-400">
<span class="text-2xl font-bold text-slate-900 dark:text-white">$99.99</span>/month
</p>
</div>Related Components
Price Display Component
A minimalist/flat design price display component for dashboard use, featuring responsive design and dark mode support.
Price Display Component
Neumorphism styled Price Display Component featuring responsive effects and dark theme support.
Price Display Component
A 3D-inspired Price Display Component with a monochromatic color scheme, designed for social media interfaces. It's a complex, responsive component with dark mode support, built using Tailwind CSS. No JavaScript is included.