Button group

Related Examples

• 
  Previous Next Buttons

  Pagination buttons

  Author:
  Alok

  2 years ago

  13.6k
• 
  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. 🚀

  Author:
  Banshee

  5 months ago

  926
• 
  Pagination with active page indicator

  Author:
  Leif99

  2 years ago

  12.7k
• 
  Tab navigation buttons

  Author:
  Simon Scheffer

  2 years ago

  16.9k
• 
  Pagination with hover effect

  Simple Pagination. If you have a website with lots of pages, you may wish to add some sort of pagination to each page for better navigation

  Author:
  Bogdan Galin

  1 year ago

  7.9k
• 
  button animation

  button animation big

  Author:
  QQ-VVN

  2 months ago

  177
• 
  Lots of button examples

  tailwind button examples

  Author:
  QQ-VVN

  2 months ago

  194
• 
  Thumbs up and thumbs down buttons

  Upvote downvote buttons

  Author:
  Prajwal Hallale

  2 years ago

  11.7k
• 
  Pagination round buttons

  Author:
  Livia Flores

  2 years ago

  11.4k
• 
  Acode Master

  Acode Master is a skilled and passionate software developer known for mastering coding and creating innovative tech solutions. Specializing in modern web technologies like React.js, Node.js, PHP, and databases such as MySQL and PostgreSQL, Acode Master builds practical, efficient, and scalable applications. Beyond coding, Acode Master is dedicated to continuous learning, sharing knowledge, and empowering others through technology-driven projects and education.

  Author:
  Code Master(Mfuranziza Dusabe Hamza)

  1 month ago

  394
• 
  Pagination

  Author:
  Nishant Trivedi

  2 years ago

  9.6k
• 
  Button Group

  Author:
  TailwindFlex

  2 years ago

  8.6k