Game

Related Examples

• 
  Interactive Pricing Table

  This modern pricing component features a visually appealing, responsive layout with smooth hover effects, making it ideal for showcasing different plans and subscription tiers. Design and Features: ✅ Elegant Gradient Backgrounds • Each pricing card has a unique gradient overlay, transitioning from soft gray, blue, or indigo to white, enhancing contrast and visual appeal. • The rounded-2xl design ensures a polished and smooth aesthetic. ✅ Interactive Hover Effects • Cards have a subtle hover shadow enhancement, making them pop on interaction (hover:shadow-[0_0px_25px_0px_rgba(0,0,0,0.2)]). • Slight floating effect (hover:translate-y-[-5px]) gives the illusion of elevation on hover. ✅ Pricing & Plan Details • Each card presents a plan title, a short subtitle, and a bold price display (text-3xl font-extrabold text-indigo-500). • Supports free, subscription-based, and enterprise-tier pricing, ensuring flexibility for different business models. ✅ Call-to-Action Buttons • Each plan features a highly visible CTA button (bg-indigo-700 text-white rounded-md). • The buttons change color on hover (hover:bg-indigo-500) and expand slightly, encouraging user interaction. ✅ Animated Background Icons • A large, transparent icon (text-[500px] text-gray-100) dynamically moves on hover (group-hover:-translate-y-8 group-hover:-translate-x-8), adding depth and a premium feel. This pricing component is perfect for SaaS platforms, digital subscriptions, and service offerings, ensuring a modern, sleek, and engaging user experience. 🚀

  Banshee

  1 year ago

  2.1k
• 
  Product Pricing Section

  This component displays pricing plans for your product or service. It provides a clean and visually appealing layout for showcasing different pricing tiers with their respective features and prices.

  Computer guy

  3 years ago

  9.3k
• 
  AgriSmart

  used in agriculture for making profit and good production

  INGRIDE MUZIRANENGE

  1 year ago

  1.1k
• 
  Pricing card single

  Horizontal pricing card

  Dika Rahman

  2 years ago

  4k
• 
  Card pricing section

  Absolutely! Here's a beautiful 3-card pricing section using Tailwind CSS, with animations, dark mode support, and clearly differentiated plans (Free, Pro, and Enterprise).

  Rathanak Phan

  1 year ago

  1.3k
• 
  Pricing card for subscription

  Task Master

  3 years ago

  12k
• 
  SomaRwanda

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

  Code Master(Mfuranziza Dusabe Hamza)

  1 year ago

  1.6k
• 
  Pricing table with 2 columns

  Piet Vriend

  3 years ago

  13.5k
• 
  Pricing Cards

  the component is designed to showcase and compare prices between different subscription plans.

  Anonymous

  2 years ago

  7.9k
• 
  Subscription Plan Cards

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

  Elsabe Fourie

  3 years ago

  12.7k
• 
  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.

  Hamza Atig

  1 year ago

  985
• 
  Clean pricing cards

  Santiago Hernandez

  2 years ago

  3.1k