Pricing Table with Tailwind CSS and Alpinejs

Related Examples

• 
  Modern E-commerce Product Card with TailwindCSS

  This product card is designed for e-commerce platforms using TailwindCSS. It features a discount badge, product image carousel, quick view and quick order buttons, ratings, product name, brand details, dynamic pricing with a strike-through original price, and a prominent add-to-cart button. The clean and professional layout is perfect for showcasing products on online stores.

  Author:
  SHARIFUL ISLAM

  4 months ago

  991
• 
  Features list with images and description

  Author:
  Noah Schmidt

  2 years ago

  13.5k
• 
  Product card

  Author:
  Anum Shahana

  6 months ago

  1.1k
• 
  Subscription Plan Section

  Clean and modern Subscription Plan section

  Author:
  Nikolai

  1 year ago

  2.2k
• 
  Pricing Section

  Blue-themed pricing cards with beautiful UI

  Author:
  Emrys11

  6 months ago

  539
• 
  Subscription Plan Cards

  compare and choose between different subscription plans. It provides essential information such as plan name, price, features, and a signup button

  Author:
  bara masalma

  6 months ago

  824
• 
  Pricing card

  basic pricing card with single price

  Author:
  Amit Pachange

  1 year ago

  10.2k
• 
  Steps section

  Show features or steps of your website. Each step Includes Icons.

  Author:
  Komal Jain

  1 year ago

  8.8k
• 
  Why Us section with hover animation

  Why to choose us section, responsive and hove animation

  Author:
  Amit Pachange

  1 year ago

  4.1k
• 
  Responsive 3-Tier Pricing Card Section

  A clean and responsive pricing table component featuring three distinct tiers (e.g., Basic, Standard, Premium) presented in a card layout. Built with HTML and Tailwind CSS, it stacks vertically on small screens and transitions to a side-by-side view on medium screens (md breakpoint - 768px) and up. Each plan card includes a placeholder icon, title, description, price details, a call-to-action button, and a bulleted list of features with checkmarks. The generic content makes it easy to adapt for various websites or applications needing a clear pricing comparison structure.

  Author:
  Hamza Atig

  2 months ago

  175
• 
  Modern Responsive Pricing Section with Toggle

  A sleek, responsive pricing section built with HTML and Tailwind CSS, showcasing three distinct plans (e.g., Free, Pro, Expert) in a card layout. It features a clean monthly/yearly toggle switch with savings indication, highlights a recommended plan with distinct styling and a badge, and uses checkmarks for clear feature comparison. The layout stacks vertically on smaller screens and transitions to a 3-column grid on large screens (lg breakpoint). Includes generic content for easy adaptation and a final "Compare Plans" button.

  Author:
  Hamza Atig

  2 months ago

  187
• 
  Horizontal pricing card

  Author:
  Anonymous

  3 months ago

  185