Button group

Related Examples

• 
  Previous Next Buttons

  Pagination buttons

  Author:
  Alok

  3 years ago

  14.1k
• 
  macOS Style Webpage – macOS Design in the Browser

  A simple webpage inspired by the macOS interface. It recreates the clean design, dock, and desktop look of macOS using only HTML, tailwind CSS, and JavaScript. This project focuses on front-end styling and layout to bring the visual feel of macOS to the web — not a full simulation, just the look and vibe.

  Author:
  Hamza Atig

  3 weeks ago

  423
• 
  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)

  5 months ago

  1.2k
• 
  TailwindFlex – Creative Animated Home Experience

  "Innovative Home with Tailwind Animated Background" "Animated Hero – TailwindFlex Design" "Smooth UI – Creative Motion with Tailwind CSS" "Home Harmony – Motion Meets Design" "TailwindFlex Home – Fluid Animation & UI"

  Author:
  Code Master(Mfuranziza Dusabe Hamza)

  5 months ago

  818
• 
  Play, Pause and Stop buttons

  Author:
  Lukas Müller

  2 years ago

  11.2k
• 
  Pagination

  Author:
  Nishant Trivedi

  2 years ago

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

  9 months ago

  1.4k
• 
  Basic pagination

  Author:
  Freja Jensen

  2 years ago

  12.9k
• 
  Button Group

  Author:
  Prem..

  3 years ago

  9.7k
• 
  Pagination

  Author:
  Sienna

  2 years ago

  10.5k
• 
  Previous page - Next page Buttons

  Author:
  Krishna Gudpalle

  3 years ago

  13.4k
• 
  chat ui advanced

  Professional chat ui, connect me for jsx https://abhirajk.vercel.app/

  Author:
  Abhiraj

  9 months ago

  1.4k