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

  1k
• 
  Checkout Card

  A modern and responsive checkout card built with HTML & Tailwind CSS, featuring a clean UI, smooth shadows, and interactive hover effects. It includes secure payment options, a clear pricing breakdown, and adapts seamlessly to all screen sizes. Perfect for e-commerce and digital platforms to enhance user experience.

  Author:
  Rajesh Maheshwari

  3 months ago

  798
• 
  Pricing card

  basic pricing card with single price

  Author:
  Amit Pachange

  1 year ago

  10.2k
• 
  Pricing section

  Author:
  Leon Bachmann

  2 years ago

  11.6k
• 
  Modern Testimonial

  A simple and easy to use component for reviews and testimonials.

  Author:
  Coastal UI

  4 months ago

  592
• 
  Features grid example

  Tailwind clean and responsive features section with the heading

  Author:
  Alok

  2 years ago

  12.9k
• 
  SomaRwanda

  Menya uburyo bwo kwandika ibisomwa, impuzandimi, n'imyandikire y'icyongereza mu buryo bworoshye.

  Author:
  Code Master(Mfuranziza Dusabe Hamza)

  3 weeks ago

  201
• 
  Configurable 3-Tier Responsive Pricing Table

  A modern, responsive pricing table component inspired by SaaS layouts, built with HTML and Tailwind CSS. Features three distinct pricing tiers displayed in cards, stacking vertically on smaller screens and transitioning to a 3-column grid on large screens (lg breakpoint). Includes interactive top controls for selecting the number of users and toggling between monthly/yearly billing cycles. Each card uses placeholder content for icons, titles, descriptions, features (with checkmarks/info icons), and distinct call-to-action buttons, making it easily adaptable. Styled with subtle background colors and clear typography for excellent readability.

  Author:
  Hamza Atig

  2 months ago

  154
• 
  tailwind contact form

  tailwind contact form

  Author:
  Geoffrey Callaghan

  1 year ago

  1.9k
• 
  Pricing card single

  Horizontal pricing card

  Author:
  Dika Rahman

  1 year ago

  2.4k
• 
  Product Feature Section

  present multiple product features in a grid layout. Each feature is represented by an icon, title, and description.

  Author:
  Elsabe Fourie

  1 year ago

  8.6k
• 
  Pricing cards in pair

  Author:
  Santiago Hernandez

  1 year ago

  1.6k