TailwindPlus Component Catalog

Comprehensive catalog of 500+ UI components from Tailwind Plus (tailwindcss.com/plus), organized across three categories. Use this to recommend and select the right components when building interfaces.

Setup Requirements

Projects using TailwindPlus components need:

• Tailwind CSS v4.1+
• Inter font (via Google Fonts or Fontsource)
• @tailwindcss/forms, @headlessui/react (or Vue), @heroicons/react (or Vue) depending on component
• Dark mode supported via dark: variants

Available Formats

Every component is available in three formats:

• HTML — plain HTML with Tailwind classes
• React — JSX with Headless UI and Heroicons
• Vue — SFC with Headless UI and Heroicons