Button group

Related Examples

• 
  Previous Next Buttons

  Pagination buttons

  Author:
  Alok

  3 years ago

  14.3k
• 
  Boutons iOS 26

  Boutons iOS 26

  Author:
  Omer fils ELENGA

  2 months ago

  324
• 
  Pagination small

  Suitable for large no of pages

  Author:
  Prajwal Hallale

  3 years ago

  7.5k
• 
  Responsive Pagination Component with Tailwind CSS

  This is a sleek and responsive pagination component built with Tailwind CSS. It features previous and next buttons, numbered pages, and an ellipsis (...) for better navigation when handling large sets of pages. The active page is highlighted with a bold border and color, while the disabled state is styled for clarity. The design is clean, minimal, and fully responsive, making it suitable for modern web applications.

  Author:
  SHARIFUL ISLAM

  11 months ago

  1.1k
• 
  Button cloud for categories,tags etc

  Author:
  Kris Showen

  2 years ago

  13.3k
• 
  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

  1 year ago

  1.7k
• 
  FLESH & BONE

  Stranded in the heart of a cannibal-infested jungle, you must make unthinkable choices to survive. How far will you go to see another sunrise?

  Author:
  gidy

  2 months ago

  172
• 
  Button group

  Monocolor button group

  Author:
  Arya

  3 years ago

  11.2k
• 
  Simple Pagination

  Author:
  Gopi Yadav

  3 years ago

  10.2k
• 
  Pagination

  Author:
  Anonymous

  1 year ago

  1.5k
• 
  Basic pagination

  Author:
  Leon Bachmann

  3 years ago

  8.5k
• 
  Adminpanel

  Three tabs, switch between each other, change color when clicked. Tables with filter, search, with a drop-down form to fill.

  Author:
  Алла Телегина

  10 months ago

  1.7k