Tag links component

Related Examples

• 
  Tag Cloud

  Tag cloud with sub-sections

  Author:
  Prajwal Hallale

  2 years ago

  13k
• 
  Tag/Button Cloud

  Responsive tag cloud. Made with Flex-Box

  Author:
  TailwindFlex

  3 years ago

  12k
• 
  Button Group

  Author:
  TailwindFlex

  3 years ago

  9.1k
• 
  Button cloud for categories,tags etc

  Author:
  Kris Showen

  2 years ago

  13.3k
• 
  Buttons set

  buttons sets of, primary, outlined, text and link

  Author:
  Akram Khan

  1 year ago

  1.8k
• 
  Tag Input field

  This code creates a dynamic tag input field using HTML, JavaScript, and TailwindCSS. Users can type tags into the input field and press "Enter" to add them. Each tag is displayed inside the input field as a styled container with a remove button. The tag input is limited to a maximum of 5 tags, and an error message is shown if the limit is exceeded. Users can remove tags to free up space for new ones. The input field and tags are styled using TailwindCSS, ensuring a clean and responsive design.

  Author:
  Ranit Saha

  1 year ago

  1.9k
• 
  Multi-Select Dropdown Filter with search

  Interactive filtering component built with Alpine.js and Tailwind CSS, featuring searchable multi-select dropdowns with dynamic URL parameters. The system includes responsive design, real-time search functionality, and visual feedback through selected item tags that can be easily removed.

  Author:
  Anonymous

  10 months ago

  1.9k
• 
  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
• 
  Sign in with buttons

  Author:
  Simon Scheffer

  2 years ago

  11.3k
• 
  Tailwind Different Button Styles

  Fully Responsive Buttons

  Author:
  AKASH GANDHAR

  1 year ago

  2.3k
• 
  Category filter section

  Neatly organized clickable rectangular elements with category names

  Author:
  Anonymous

  2 years ago

  8.4k
• 
  visit

  to known any thin

  Author:
  Nishimwe Jeanine

  8 months ago

  474