Tailwind Components

Accordion
Alert/Notification
Avatar
Badge
Breadcrumb
Button
Call to Action
Card
Dashboard Widgets
Slider/Carousel
Cookies
Date/Time
Dropdown
Form
- Contact
- Login
- Register
- Search
- Upload
Footer
Hero
Loading/Spinner
Modal
Navigation/Header
Page
- 404
- Pricing
- Testimonial
Pagination
Progress Bar
Skeleton
Sidebar
Comment
Step
Switch
Tags
Tooltips
Table
List
Tab
Timeline
Other

Accordion

collapse, collapse with border, collapse with arrow, collapse with plus/minus, collapse with checkbox (works with checkbox instead of focus), collapse-open (force open), collapse-close (force close): daisyui.com/components/collapse
FAQ Accordion: devdojo.com/tailwindcss/playground?component=faq-accordion
Accordion Variant 1, Accordion Variant 2, Accordion With default panel open: kimia-ui.vercel.app/components/accordion
Smooth Accordion with Tailwind & CSS (Without Javascript): tailwindcomponents.com/component/smooth-accordion-with-tailwind-css-without-javascript
Collapsible: tailwindcomponents.com/component/collapsible
Accordion with Tailwindcss: tailwindcomponents.com/component/accordion-with-tailwindcss
A collapsibles accordion: tailwindcomponents.com/component/a-collapsibles-accordion
Pretty accordion with decent animation: tailwindcomponents.com/component/pretty-accordion-with-decent-animation
COVID19 - Accordion: tailwindcomponents.com/component/covid19-accordion
Collapsible Card with Alpine.js: tailwindcomponents.com/component/collapsible-card-with-alpinejs
Pure CSS Accordion: tailwindcomponents.com/component/pure-css-accordion
Collapsible / Accordion: tailwindcomponents.com/component/collapsible-accordion
Accordion Basic examples, Accordion , Accordion Item #1, Accordion Item #2, Accordion Item #3, Accordion Flush, Accordion Always open, Accordion Related resources: tailwind-elements.com/docs/standard/components/accordion/
Collapse Basic example, Collapse , Collapse Horizontal, Collapse Multiple targets, Collapse With Scroll, Collapse Related resources: tailwind-elements.com/docs/standard/components/collapse/
Accordion: tailwindtoolbox.com/components/accordion
Accordions Basic: tinywind.dev/components/accordions
Accordions Style 1: tailgrids.com/components/accordions
Accordion Default accordion, Accordion Always open, Accordion Color options, Accordion Flush accordion, Accordion Arrow style, Accordion JavaScript behaviour, Accordion Object parameters, Accordion Options, Accordion Methods, Accordion Example, Accordion HTML Markup, Accordion→ Default accordion, Accordion→ Always open, Accordion→ Color options, Accordion→ Flush accordion, Accordion→ Arrow style, Accordion→ JavaScript behaviour, Accordion→ Object parameters, Accordion→ Options, Accordion→ Methods, Accordion→ Example, Accordion→ HTML Markup: flowbite.com/docs/components/accordion/
Tailwind CSS accordion: tailwindcomponents.com/component/tailwind-css-accordion
Accordion Flush: tailwindcomponents.com/component/accordion-flush
Accordion Basic usage, Accordion Example, Accordion Always open, Accordion Nested, Accordion No arrow, Accordion With arrow, Accordion With title and arrow stretched, Accordion Bordered, Accordion JavaScript behavior, Accordion Options, Accordion Classes, Accordion Methods, Accordion Events: preline.co/docs/accordion.html
Collapse Basic usage, Collapse Example, Collapse JavaScript behavior, Collapse Options, Collapse Classes, Collapse Methods, Collapse Events: preline.co/docs/collapse.html
Accordion: tailwindcomponents.com/component/accordion-2
Q&A section with Collapse: tailwindcomponents.com/component/qa-section-with-collapse

Alert/Notification

Avatar

Badge

Badge: a17t.miles.land/information/badge/
badge, badge size, badge empty badge, badge variants, badge outline, badge Badge in text, badge in button: daisyui.com/components/badge
indicator new an empty badge as indicator, indicator new a badge as indicator, indicator new a badge as indicator for tab, indicator new a badge as indicator for button, indicator new a badge as indicator for image (canter and middle), indicator new a badge as indicator for input: daisyui.com/components/indicator
Badge Default badge, Badge Larger badges, Badge Badges as links, Badge Badges with icon, Badge Badge with icon only: flowbite.com/docs/components/badge/
Badge: layoutsfortailwind.lalokalabs.dev/ui/badge
Badges: sailui.github.io/
Label/Badges: tailwindcomponents.com/component/labelbadges
Store Buttons Badge: tailwindcomponents.com/component/store-buttons-badge
Simple Badges: tailwindcomponents.com/component/simple-badges
Badges with icons: tailwindcomponents.com/component/badges-with-icons
Badge: tailwindcomponents.com/component/badge
Badges Basic examples, Badges , Badges Example heading New, Badges Sizes, Badges Button, Badges Colors, Badges Pills: tailwind-elements.com/docs/standard/components/badges/
Badge: codepen.io/oidre/full/jOqNpKQ
Badges Basic, Badges Pills, Badges Small, Badges Small pills: tinywind.dev/components/badges
Badges - Badge, Badges - Badge with remove button, Badges - Badge with remove button and icon, Badges - Badge stroke with border, Badges - Badge line, Badges - Stroke with icon, Badges - Publicity, Badges - Line with icon, Badges - Line with button, Badges - Full button, Badges - List of badges, Badges - Pink badge, Badges - Black badge, Badges - Publicity, Badges - Light rounded badge: tailwind-kit.com/components/badges
Badges Standard Badges, Badges Closeable Badges: gustui.com/docs/application/components/badges
Primary Badge, Secondary Badge, Dark Badge, Gray Badge, Light Badge, Warning Badge, Danger Badge, Success Badge, Info Badge: tailgrids.com/components/badges
Default Badges With Icon: postsrc.com/components/tailwind-css-badges/default-badges-with-icon
Default Badges: postsrc.com/components/tailwind-css-badges/default-badges
Simple Number Badge: postsrc.com/components/tailwind-css-badges/simple-number-badge
Simple Icon With Badge: postsrc.com/components/tailwind-css-badges/simple-icon-with-badge
Button With Badge: postsrc.com/components/buttons/button-with-badge
Fancy Badge 1: fancytailwind.com/app/fancy-laboratory/atoms/badges/badge1
Fancy Badge 1b: fancytailwind.com/app/fancy-laboratory/atoms/badges/badge1b
Fancy Badge 1c: fancytailwind.com/app/fancy-laboratory/atoms/badges/badge1c
Fancy Badge 2: fancytailwind.com/app/fancy-laboratory/atoms/badges/badge2
Fancy Badge 2b: fancytailwind.com/app/fancy-laboratory/atoms/badges/badge2b
Fancy Badge 2c: fancytailwind.com/app/fancy-laboratory/atoms/badges/badge2c
Free Tailwind CSS Badge Component: tailwindcomponents.com/component/free-tailwind-css-badge-component
Badge Basic: mynaui.com/badge/#basic
Badge Light Colors: mynaui.com/badge/#light-colors
Badge With Dot: mynaui.com/badge/#with-dot
Badge Close Button: mynaui.com/badge/#close-button
Badge Only Dot: mynaui.com/badge/#only-dot
Badge Numbers: mynaui.com/badge/#numbers
Badged Buttons: tailwindcomponents.com/component/badged-buttons
Badge Simple, Badge With Close, Badge Hashtag, Badge Split with Content and Close, Badge Split with Content and Image, Badge Service Status: hyperui.dev/components/badges
Badge Color variants, Badge Solid color variants, Badge Soft color variants, Badge Shape, Badge Rounded badges, Badge Max width, Badge Badge with indicator, Badge Badge with remove button, Badge With button, Badge Positioned, Badge Profile: preline.co/docs/badge.html
badge large rectangle bullet, badge large rectangle bullet: tailwinduikit.com/components/webapp/UI_element/badge#large_rectangle_bullet

Breadcrumb

Button

Call to Action

Card

Dashboard Widgets

Slider/Carousel

carousel (snap to start), carousel carousel-center (snap to center), carousel carousel-end (snap to end), carousel slider with indicators, carousel slider with next/prev, carousel with full width items, carousel with half-width items, carousel full-bleed carousel carousel-center, carousel carousel-vertical: daisyui.com/components/carousel
simple Slider: tailwindcomponents.com/component/simple-slider
Image Slider: tailwindcomponents.com/component/image-slider
Simple Image Slider: tailwindcomponents.com/component/simple-image-slider
Range Slider: tailwindcomponents.com/component/range-slider-1
Multi Range Slider with Alpine.js: tailwindcomponents.com/component/multi-range-slider-with-alpinejs
Fully Interactive Frames Slider: tailwindcomponents.com/component/fully-interactive-frames-slider
Onboarding Slider: tailwindcomponents.com/component/onboarding-slider
Multi Range Slider with Alpine.js: tailwindcomponents.com/component/multi-range-slider
Range slider: tailwindcomponents.com/component/range-slider
Carousel Slider with TailwindCSS and jQuery: tailwindcomponents.com/component/carousel-slider-with-tailwindcss-and-jquery
Slider only CSS: tailwindcomponents.com/component/slider-only-css
CSS only slider: tailwindcomponents.com/component/css-only-slide
Stripe carousel clone: tailwindcomponents.com/component/stripe-carousel-clone
Carousel Basic example, Carousel , Carousel Slides only, Carousel With controls, Carousel With indicators, Carousel Crossfade, Carousel Dark variant, Carousel Related resources: tailwind-elements.com/docs/standard/components/carousel/
Carousel: tailwindtoolbox.com/components/carousel
Free Tailwind CSS Carousels Component: tailwindcomponents.com/component/free-tailwind-css-carousels-component
Video carousel Basic example, Video carousel , Video carousel Full page carousel, Video carousel Learn Tailwind Elements, Video carousel You can place here any content, Video carousel And cover it with any mask: tailwind-elements.com/docs/standard/components/video-carousel/
Carousel NEW Default slider, Carousel NEW Controls, Carousel NEW Indicators, Carousel NEW Animation, Carousel NEW JavaScript behaviour, Carousel NEW Object parameters, Carousel NEW Options, Carousel NEW Methods, Carousel NEW Example, Carousel NEW HTML Markup: flowbite.com/docs/components/carousel/
Carousel: tailwindcomponents.com/component/carousel
Progress Slider Component: tailwindcomponents.com/component/progress-slider-component
Carousel: mambaui.com/components/carousel
Slider: mambaui.com/components/slider
slider slider, slider slider: tailwinduikit.com/components/webapp/UI_element/slider#slider
Slider: tailwindcomponents.com/component/slider-2

Cookies

Date/Time

Dropdown

Dropdown Basic example, Dropdown , Dropdown Colors, Dropdown Sizing, Dropdown Dropup, Dropdown Dropright, Dropdown Dropleft, Dropdown Menu item disable, Dropdown Menu item header, Dropdown Menu items divider, Dropdown Menu item text, Dropdown Dark dropdowns, Dropdown Related resources, Dropdown Basic example, Dropdown Colors, Dropdown Sizing, Dropdown Dropup, Dropdown Dropright, Dropdown Dropleft, Dropdown Menu item disabled, Dropdown Menu item header, Dropdown Menu items divider, Dropdown Menu item text, Dropdown Dark dropdowns: tailwind-elements.com/docs/standard/components/dropdown/
Dropdown: a17t.miles.land/interaction/dropdown/
Select: a17t.miles.land/interaction/select/
form-select select, form-select select primary, form-select select secondary, form-select select accent, form-select select info, form-select select success, form-select select warning, form-select select error, form-select select with labels, form-select select sizes, form-select select disabled: daisyui.com/components/form/select
Dropdown Simple: devdojo.com/tailwindcss/playground?component=dropdown-simple
FAQ List Dropdown: devdojo.com/tailwindcss/playground?component=faq-list-dropdown
Menu (Dropdown): headlessui.dev/react/menu
Listbox (Select): headlessui.dev/react/listbox
Popover: headlessui.dev/react/popover
Dropdown Basic Dropdown, Dropdown with divider: kimia-ui.vercel.app/components/dropdown
Dropdown - With Icons: codepen.io/robstinson/pen/mdPGwWo
Dropdown - With Search: codepen.io/robstinson/pen/jOqvwBW
Dropdown - Basic: codepen.io/robstinson/pen/LYNJLxm
Dropdowns Simple , Dropdowns Multi Level , Dropdowns Multi Level With Icons , Dropdowns User Info , Dropdowns User Info With Icons : merakiui.com/
Dropdown Menu Component: tailwindcomponents.com/component/dropdown-menu-component
AlpineJS Multiple Select Dropdown with Tags, Filter, Focus ↑↓: tailwindcomponents.com/component/alpinejs-multiple-select-dropdown-with-tags-filter
Popover: tailwindcomponents.com/component/popover
Checkbox selection: tailwindcomponents.com/component/checkbox-selection
Select with search: tailwindcomponents.com/component/select-with-search
Tailwind CSS dropdown: tailwindcomponents.com/component/tailwind-css-dropdown
Select Dropdown: tailwindcomponents.com/component/select-dropdown
dynamic select box with alpine js: tailwindcomponents.com/component/dynamic-select-box-with-alpine-js
Select Input: tailwindcomponents.com/component/select-input
Animated dropdowns: tailwindcomponents.com/component/animated-dropdowns
multiple select: tailwindcomponents.com/component/ozaldev
Quick Popover Feedback: tailwindcomponents.com/component/quick-popover-feedback
Dropdown: tailwindcomponents.com/component/dropdown-2
Pure CSS Dropdown using Focus-within (with Animation): tailwindcomponents.com/component/pure-css-dropdown-using-focus-within-with-animation
User Dropdown With Icon + Profile Picture: tailwindcomponents.com/component/user-dropdown-with-icon-profile-picture
Pure CSS Dropdown Menu: tailwindcomponents.com/component/pure-css-dropdown-menu
Simple dropdown: tailwindcomponents.com/component/simple-dropdown
Multi Level Dropdown Menu: tailwindcomponents.com/component/multi-level-dropdown-menu
User dropdown menu: tailwindcomponents.com/component/user-dropdown-menu
Multi select alpine js: tailwindcomponents.com/component/multi-select-alpine-js
Dropdown shopping cart: tailwindcomponents.com/component/dropdown-shopping-cart
Select with custom list: tailwindcomponents.com/component/select-with-custom-list
Multi select: tailwindcomponents.com/component/multi-select
Basic select: tailwindcomponents.com/component/basic-select
Fly-out Menu (Vue.js): tailwindcomponents.com/component/fly-out-menu-vuejs
Multi Level Dropdown Menu with Animation: tailwindcomponents.com/component/nestable-dropdown-menu
Responsive Sidebar With Dropdown: tailwindcomponents.com/component/responsive-sidebar-with-dropdown
Dropdown: tailwindcomponents.com/component/dropdown-1
Multi-Level Dropdown: tailwindcomponents.com/component/multi-level-dropdown
Dropdown menu without JS: tailwindcomponents.com/component/dropdown-menu-without-js
Dropdown: tailwindcomponents.com/component/dropdown
Popover Basic example, Popover , Popover Four directions, Popover Dismiss on next click, Popover Disabled, Popover Related resources: tailwind-elements.com/docs/standard/components/popover/
Menu with hover dropdowns: codepen.io/PILO7980/pen/EBVxPE
Application UI Elements Dropdowns Simple: tailwindui.com/preview#component-f8a14da22f26a67757b19f2fe3ca00ed
Application UI Elements Dropdowns With dividers: tailwindui.com/preview#component-1f10562f6266c9b3ef15ff792edd508e
Ecommerce Components Product Quickviews With color and size selector: tailwindui.com/preview#component-8f33b33d19bbb2608bb5ae6488344e88
Dropdowns Standard Dropdown, Dropdowns Dropdown With Header/Icons, Dropdowns Dropdown With Sections: gustui.com/docs/application/components/dropdowns
Drop Down - Simple ddm, Drop Down - With icon, Drop Down - With icon on items, Drop Down - Publicity, Drop Down - With icon on items with divider, Drop Down - With icon on items with desc, Drop Down - Large ddm, Drop Down - Ddm with form: tailwind-kit.com/components/ddm
Select - simple, Select - with label, Select - custom, Select - custom with image: tailwind-kit.com/components/inputselect
Select add and remove: tailwindcomponents.com/component/select-add-and-remove
Free Tailwind CSS Dropdown Component: tailwindcomponents.com/component/free-tailwind-css-dropdown-component
Free Tailwind CSS Popover Component: tailwindcomponents.com/component/free-tailwind-css-popover-component
Select Basic: mynaui.com/select/#basic
Select Disabled: mynaui.com/select/#disabled
Select Error: mynaui.com/select/#error
Select Prefix Icon: mynaui.com/select/#prefix-icon
color selection: tailwindcomponents.com/component/color-selection
Sort select: tailwindcomponents.com/component/sort-select
Select: tailwindcomponents.com/component/select-1
Search With Dropdown: tailwindcomponents.com/component/search-with-dropdown
Netflix - Select User: tailwindcomponents.com/component/netflix-select-user
Tailwind CSS Sidebar Dropdown: tailwindcomponents.com/component/tailwind-css-sidebar-dropdown
Menu (Dropdown): headlessui.com/react/menu
Listbox (Select): headlessui.com/react/listbox
Popover: headlessui.com/react/popover
Select Basic usage, Select Example, Select Sizes, Select Shape, Select Pilled select, Select Disabled, Select Label, Select Hidden label, Select Validation states: preline.co/docs/select.html
Popovers When to use, Popovers Purpose of content, Popovers Interactions, Popovers Conclusion, Popovers Four directions, Popovers Focus event, Popovers Hover event, Popovers With content, Popovers JavaScript behavior, Popovers Options, Popovers Classes, Popovers Methods, Popovers Events: preline.co/docs/popovers.html
dropdown dropdown 2, dropdown dropdown 2: tailwinduikit.com/components/webapp/form/dropdown#dropdown_2
popover simple popover, popover simple popover: tailwinduikit.com/components/webapp/UI_element/popover#simple_popover
Navigation Blog With Dropdown + Search and Logo: tailwindcomponents.com/component/navigation-blog-with-dropdown-search-and-logo
Dropdown for User menu: tailwindcomponents.com/component/dropdown-for-user-menu
Select input field: tailwindcomponents.com/component/select-input-field
Input with inline leading add-on and trailing dropdown: tailwindui.com/components/preview#component-2607d970262ada86428f063c72b1e7bd
With color and size selector: tailwindui.com/components/preview#component-8f33b33d19bbb2608bb5ae6488344e88

Form

Footer

Hero

Loading/Spinner

Modal

Navigation/Header

Page

Pagination

Progress Bar

Skeleton

Sidebar

Comment

Step

Switch

Tooltips

tooltip, tooltip-open, tooltip-bottom, tooltip-left, tooltip-right, tooltip with colors: daisyui.com/components/tooltip
Tooltip Top Purple: devdojo.com/tailwindcss/playground?component=tooltip-top-purple
Tooltips Using tooltips, Tooltips Tooltip styles, Tooltips Placement, Tooltips Triggering, Tooltips Animation, Tooltips Disable arrow, Tooltips JavaScript behaviour, Tooltips Object parameters, Tooltips Options, Tooltips Methods, Tooltips Example, Tooltips HTML Markup: flowbite.com/docs/components/tooltips/
Tooltip - Top Aligned: codepen.io/robstinson/pen/eYZLRdv
Tooltip - Left Aligned: codepen.io/robstinson/pen/OJNogXY
Tooltip - Right Aligned: codepen.io/robstinson/pen/VwaGbGy
Tooltip - Bottom Aligned: codepen.io/robstinson/pen/oNxPbRL
Tailwind CSS tooltip: tailwindcomponents.com/component/tailwind-css-tooltip
Tooltip: tailwindcomponents.com/component/tooltip-3
Simple ToolTip: tailwindcomponents.com/component/simple-tooltip
Tooltip: tailwindcomponents.com/component/tooltip-2
Tooltip: tailwindcomponents.com/component/tooltip-1
Tooltip: tailwindcomponents.com/component/tooltip
Tooltip Basic example, Tooltip , Tooltip Four directions, Tooltip With custom HTML, Tooltip Disabled, Tooltip Related resources: tailwind-elements.com/docs/standard/components/tooltip/
Tooltip Style 1, Tooltip Style 2, Tooltip Style 3: tailgrids.com/components/tooltips
Free Tailwind CSS Tooltip Component: tailwindcomponents.com/component/free-tailwind-css-tooltip-component
Tooltip Top: mynaui.com/tooltip/#top
Tooltip Bottom: mynaui.com/tooltip/#bottom
Tooltip Right: mynaui.com/tooltip/#right
Tooltip Left: mynaui.com/tooltip/#left
Tooltip Without Tip: mynaui.com/tooltip/#without-tip
Avatar Displaying a tooltip: preline.co/docs/avatar.html
Switch With tooltip: preline.co/docs/switch.html
Tooltips When to use, Tooltips Purpose of content, Tooltips Interactions, Tooltips Conclusion, Tooltips Basic usage, Tooltips Example, Tooltips JavaScript behavior, Tooltips Options, Tooltips Classes, Tooltips Methods, Tooltips Events: preline.co/docs/tooltips.html
tooltip simple, tooltip simple: tailwinduikit.com/components/webapp/UI_element/tooltip#simple
tooltip with steps alternate, tooltip with steps alternate: tailwinduikit.com/components/webapp/UI_element/tooltip#with_steps_alternate

Table

List

Tab

Tabs Default tabs, Tabs Tabs with underline, Tabs Tabs with icons, Tabs Full width tabs, Tabs Interactive tabs, Tabs JavaScript behaviour, Tabs Object parameters, Tabs Options, Tabs Methods, Tabs Example, Tabs HTML Markup, Tabs Default tabs, Tabs Tabs with underline, Tabs Tabs with icons, Tabs Full width tabs, Tabs Interactive tabs: flowbite.com/docs/components/tabs/
Tab Variant 1, Tab Variant 2, Tab Variant 1, Tab Variant 2: kimia-ui.vercel.app/components/tab
tabs, tab-bordered, tab-lifted, tabs-boxed, tab sizes: daisyui.com/components/tab
Tabs: headlessui.dev/react/tabs
Tabs: mambaui.com/components/tab
Tabs Line , Tabs Line With Icons , Tabs End Closed , Tabs End Closed With Icons : merakiui.com/
Tab with Peer: tailwindcomponents.com/component/tab-with-peer
Tailwind CSS tabs: tailwindcomponents.com/component/tailwind-css-tabs
Tabs line with icons: tailwindcomponents.com/component/tabs-line-with-icons
tabbar-responsive: tailwindcomponents.com/component/tabbar-responsive
Tabs: tailwindcomponents.com/component/tabs-1
Working Tabs - With Bottom Border: tailwindcomponents.com/component/working-tabs-with-bottom-border
Dialog with Tabs: tailwindcomponents.com/component/dialog-with-tabs
mobile tabs: tailwindcomponents.com/component/mobile-tabs
Interactive Tabs: tailwindcomponents.com/component/interactive-tabs
Stripe-style animated vertical tabs: tailwindcomponents.com/component/codepen-home-stripe-style-animated-vertical-tabs
Clone WhatsApp Android UI - status Tab: tailwindcomponents.com/component/clone-whatsapp-android-ui-status-tab
simple tab: tailwindcomponents.com/component/simple-tab
Tabs: tailwindcomponents.com/component/tabs
Argon Tabs with Icons, Argon Tabs, Biings Boxed Tabs, Biings Tabs Rounded full, Biings Tabs Rounded, Biings Hanging Tabs, Biings Tabs: tailwindtemplates.io/templates?category=tab
Tab Style 1: tailgrids.com/components/tabs
Basic Tabs: postsrc.com/components/tailwind-css-tabs/tailwind-css-basic-tabs
Fancy Tabs 1: fancytailwind.com/app/fancy-laboratory/molecules/tabs/tabs1
Fancy Tabs 3: fancytailwind.com/app/fancy-laboratory/molecules/tabs/tabs3
Fancy Tabs 4: fancytailwind.com/app/fancy-laboratory/molecules/tabs/tabs4
Fancy Tabs 11: fancytailwind.com/app/fancy-laboratory/molecules/tabs/tabs11
Free Tailwind CSS Tab Component: tailwindcomponents.com/component/free-tailwind-css-tab-component
Tab Underline/Active with Text and Border Color, Tab Underline with Icon/Active Border Color, Tab Underline/Active Border, Tab Underline/Active Border and Inactive Background: hyperui.dev/components/tabs
Tabs: tailwindcomponents.com/component/tabs-3
Tab #Underline/Active with Text and Border Color, Tab #Underline with Icon/Active Border Color, Tab #Underline/Active Border, Tab #Underline/Active Border and Inactive Background: hyperui.dev/components/marketing/tabs
Tabs: headlessui.com/react/tabs
tab tab with icons, tab tab with icons: tailwinduikit.com/components/webapp/navigation/tab#tab_with_icons

Timeline

Other

tailwind-components tailwind-components copied to clipboard

Metadata

Tailwind Components

Table of Contents

Accordion

Alert/Notification

Avatar

Badge

Breadcrumb

Button

Call to Action

Card

Dashboard Widgets

Slider/Carousel

Cookies

Date/Time

Dropdown

Form

Contact

Login

Register

Search

Upload

Footer

Hero

Loading/Spinner

Modal

Navigation/Header

Page

404

Pricing

Testimonial

Pagination

Progress Bar

Skeleton

Sidebar

Comment

Step

Switch

Tags

Tooltips

Table

List

Tab

Timeline

Other

← Metadata

Owner

Metadata

tailwind-components
tailwind-components copied to clipboard