{"id":13632354,"url":"https://github.com/unlight/tailwind-components","last_synced_at":"2025-05-14T10:09:00.368Z","repository":{"id":38783046,"uuid":"304385405","full_name":"unlight/tailwind-components","owner":"unlight","description":"Collection of components found on the internet","archived":false,"fork":false,"pushed_at":"2025-01-05T01:11:10.000Z","size":1172,"stargazers_count":1991,"open_issues_count":3,"forks_count":237,"subscribers_count":44,"default_branch":"master","last_synced_at":"2025-04-11T04:15:27.372Z","etag":null,"topics":["tailwind","tailwind-components","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/unlight.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-10-15T16:26:44.000Z","updated_at":"2025-04-10T06:04:55.000Z","dependencies_parsed_at":"2024-01-15T03:45:57.895Z","dependency_job_id":"9bc1d79b-7870-4f6d-84a1-193697ee9e57","html_url":"https://github.com/unlight/tailwind-components","commit_stats":{"total_commits":153,"total_committers":3,"mean_commits":51.0,"dds":"0.24183006535947715","last_synced_commit":"4593b65253ed9004517abcee7a3e42237908d426"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unlight%2Ftailwind-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unlight%2Ftailwind-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unlight%2Ftailwind-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unlight%2Ftailwind-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/unlight","download_url":"https://codeload.github.com/unlight/tailwind-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254120161,"owners_count":22017952,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["tailwind","tailwind-components","tailwindcss"],"created_at":"2024-08-01T22:03:01.143Z","updated_at":"2025-05-14T10:09:00.317Z","avatar_url":"https://github.com/unlight.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Tailwind Components\n\n## Table of Contents\n\n* [Accordion](#accordion)\n* [Alert/Notification](#alertnotification)\n* [Avatar](#avatar)\n* [Badge](#badge)\n* [Breadcrumb](#breadcrumb)\n* [Button](#button)\n* [Call to Action](#call-to-action)\n* [Card](#card)\n* [Dashboard Widgets](#dashboard-widgets)\n* [Slider/Carousel](#slidercarousel)\n* [Cookies](#cookies)\n* [Date/Time](#datetime)\n* [Dropdown](#dropdown)\n* [Form](#form)\n  * [Contact](#contact)\n  * [Login](#login)\n  * [Register](#register)\n  * [Search](#search)\n  * [Upload](#upload)\n* [Footer](#footer)\n* [Hero](#hero)\n* [Loading/Spinner](#loadingspinner)\n* [Modal](#modal)\n* [Navigation/Header](#navigationheader)\n* [Page](#page)\n  * [404](#404)\n  * [FAQ](#faq)\n  * [Pricing](#pricing)\n  * [Testimonial](#testimonial)\n* [Pagination](#pagination)\n* [Progress Bar](#progress-bar)\n* [Skeleton](#skeleton)\n* [Sidebar](#sidebar)\n* [Comment](#comment)\n* [Step](#step)\n* [Switch](#switch)\n* [Tags](#tags)\n* [Tooltips](#tooltips)\n* [Table](#table)\n* [List](#list)\n* [Tab](#tab)\n* [Timeline](#timeline)\n* [Other](#other)\n\n## Accordion\n\n* Accordion using radio inputs, Accordion with arrow icon, Accordion with plus/minus icon, Accordion Using Accordion and Join together: [daisyui.com/components/accordion/](https://daisyui.com/components/accordion/)\n* Collapse with focus, Collapse with checkbox, Collapse using \u003cdetails\u003e and \u003csummary\u003e tag, Collapse With border and background color, Collapse With arrow icon, Collapse With arrow plus/minus icon, Collapse Force open, Collapse Force close, Collapse Custom colors for collapse that works with focus, Collapse Custom colors for collapse that works with checkbox: [daisyui.com/components/collapse/](https://daisyui.com/components/collapse/)\n* Accordion Default accordion, Accordion Always open, Accordion Color options, Accordion Flush accordion, Accordion Arrow style, Accordion Nesting accordions, Accordion JavaScript behaviour, Accordion Default accordion, Accordion Always open, Accordion Color options, Accordion Flush accordion, Accordion Arrow style, Accordion Nesting accordions, Accordion JavaScript behaviour: [flowbite.com/docs/components/accordion/](https://flowbite.com/docs/components/accordion/)\n* 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 🔥 Active content bordered, Accordion 🔥 Destroy and Reinitialize New: [preline.co/docs/accordion.html](https://preline.co/docs/accordion.html)\n* Collapse About, Collapse Basic usage, Collapse Example, Collapse Show/Hide, Collapse Destroy and Reinitialize New: [preline.co/docs/collapse.html](https://preline.co/docs/collapse.html)\n* Accordions Style 1: [tailgrids.com/components/accordions](https://tailgrids.com/components/accordions)\n* Tailwind CSS Simple collapse/according with alpine.js: [tailwindcomponents.com/component/simple-collapseaccording-with-alpinejs](https://tailwindcomponents.com/component/simple-collapseaccording-with-alpinejs)\n* Tailwind Pure CSS Accordion: [tailwindcomponents.com/component/pure-css-accordion-1](https://tailwindcomponents.com/component/pure-css-accordion-1)\n* Tailwind CSS Accordion: [tailwindcomponents.com/component/css-only-accordion](https://tailwindcomponents.com/component/css-only-accordion)\n* Accordion: [tailwindcomponents.com/component/accordion-2](https://tailwindcomponents.com/component/accordion-2)\n* Q\\\u0026A section with Collapse: [tailwindcomponents.com/component/qa-section-with-collapse](https://tailwindcomponents.com/component/qa-section-with-collapse)\n* Accordion Flush: [tailwindcomponents.com/component/accordion-flush](https://tailwindcomponents.com/component/accordion-flush)\n* Tailwind CSS accordion: [tailwindcomponents.com/component/tailwind-css-accordion](https://tailwindcomponents.com/component/tailwind-css-accordion)\n* Smooth Accordion with Tailwind \u0026 CSS (Without Javascript): [tailwindcomponents.com/component/smooth-accordion-with-tailwind-css-without-javascript](https://tailwindcomponents.com/component/smooth-accordion-with-tailwind-css-without-javascript)\n* Collapsible: [tailwindcomponents.com/component/collapsible](https://tailwindcomponents.com/component/collapsible)\n* Accordion with Tailwindcss: [tailwindcomponents.com/component/accordion-with-tailwindcss](https://tailwindcomponents.com/component/accordion-with-tailwindcss)\n* A collapsibles accordion: [tailwindcomponents.com/component/a-collapsibles-accordion](https://tailwindcomponents.com/component/a-collapsibles-accordion)\n* Pretty accordion with decent animation: [tailwindcomponents.com/component/pretty-accordion-with-decent-animation](https://tailwindcomponents.com/component/pretty-accordion-with-decent-animation)\n* COVID19 - Accordion: [tailwindcomponents.com/component/covid19-accordion](https://tailwindcomponents.com/component/covid19-accordion)\n* Collapsible Card with Alpine.js: [tailwindcomponents.com/component/collapsible-card-with-alpinejs](https://tailwindcomponents.com/component/collapsible-card-with-alpinejs)\n* Pure CSS Accordion: [tailwindcomponents.com/component/pure-css-accordion](https://tailwindcomponents.com/component/pure-css-accordion)\n* Collapsible / Accordion: [tailwindcomponents.com/component/collapsible-accordion](https://tailwindcomponents.com/component/collapsible-accordion)\n* Accordion: [tailwindtoolbox.com/components/accordion](https://www.tailwindtoolbox.com/components/accordion)\n* Accordions Basic: [tinywind.dev/components/accordions](https://tinywind.dev/components/accordions)\n* Lo-fi Tailwind CSS Accordion Menu: [codepen.io/robstinson/pen/LYZProy](https://codepen.io/robstinson/pen/LYZProy)\n* Accordion Variant 1, Accordion Variant 2, Accordion With default panel open: [kimia-ui.vercel.app/components/accordion](https://kimia-ui.vercel.app/components/accordion)\n* Collapse: [kimia-ui.vercel.app/components/collapse](https://kimia-ui.vercel.app/components/collapse)\n* Expand \u0026 Collapse, No JS: [tailwindcomponents.com/component/expand-collapse-no-js](https://tailwindcomponents.com/component/expand-collapse-no-js)\n* Tailwind CSS Simple Accordion: [tailwindcomponents.com/component/simple-accordion](https://tailwindcomponents.com/component/simple-accordion)\n* Accordion Basic examples, Accordion Flush, Accordion Always open: [tw-elements.com/docs/standard/components/accordion/](https://tw-elements.com/docs/standard/components/accordion/)\n* Collapse Basic example, Collapse Horizontal, Collapse Multiple targets, Collapse With Scroll, Collapse Import, Collapse Usage: [tw-elements.com/docs/standard/components/collapse/](https://tw-elements.com/docs/standard/components/collapse/)\n* Tailwind CSS Accordion: [tailwindcomponents.com/component/accordion-5](https://tailwindcomponents.com/component/accordion-5)\n\n## Alert/Notification\n\n* alert 1: [tailwind.besoeasy.com/alert/1.html](https://tailwind.besoeasy.com/alert/1.html)\n* alert 2: [tailwind.besoeasy.com/alert/2.html](https://tailwind.besoeasy.com/alert/2.html)\n* alert 3: [tailwind.besoeasy.com/alert/3.html](https://tailwind.besoeasy.com/alert/3.html)\n* alert basic: [tailwind.besoeasy.com/alert/basic.html](https://tailwind.besoeasy.com/alert/basic.html)\n* alert cook: [tailwind.besoeasy.com/alert/cook.html](https://tailwind.besoeasy.com/alert/cook.html)\n* alert warn: [tailwind.besoeasy.com/alert/warn.html](https://tailwind.besoeasy.com/alert/warn.html)\n* Alert, Alert Info color, Alert Success color, Alert Warning color, Alert Error color, Alert with buttons, Alert with title and description: [daisyui.com/components/alert/](https://daisyui.com/components/alert/)\n* Toast toast with alert inside, Toast toast-top toast-start, Toast toast-top toast-center, Toast toast-top toast-end, Toast toast-start toast-middle, Toast toast-center toast-middle, Toast toast-end toast-middle, Toast toast-start toast-bottom (default), Toast toast-center toast-bottom (default), Toast toast-end (default) toast-bottom (default): [daisyui.com/components/toast/](https://daisyui.com/components/toast/)\n* Fancy Alert 1: [fancytailwind.com/app/fancy-laboratory/molecules/alerts/alert1](https://fancytailwind.com/app/fancy-laboratory/molecules/alerts/alert1)\n* Fancy Alert 2: [fancytailwind.com/app/fancy-laboratory/molecules/alerts/alert2](https://fancytailwind.com/app/fancy-laboratory/molecules/alerts/alert2)\n* Fancy Alert 3: [fancytailwind.com/app/fancy-laboratory/molecules/alerts/alert3](https://fancytailwind.com/app/fancy-laboratory/molecules/alerts/alert3)\n* Alerts Default alert, Alerts Alerts with icon, Alerts Bordered alerts, Alerts Alerts with list, Alerts Dismissing, Alerts Border accent, Alerts Additional content, Alerts JavaScript behaviour: [flowbite.com/docs/components/alerts/](https://flowbite.com/docs/components/alerts/)\n* Snackbar: [mambaui.com/components/snackbar](https://mambaui.com/components/snackbar)\n* Warning Alert: [postsrc.com/components/tailwind-css-alerts/warning-alert](https://postsrc.com/components/tailwind-css-alerts/warning-alert)\n* Primary Alert: [postsrc.com/components/tailwind-css-alerts/primary-alert](https://postsrc.com/components/tailwind-css-alerts/primary-alert)\n* Danger Alert: [postsrc.com/components/tailwind-css-alerts/danger-alert](https://postsrc.com/components/tailwind-css-alerts/danger-alert)\n* Primary Alert With Actions: [postsrc.com/components/tailwind-css-alerts/primary-alert-with-actions](https://postsrc.com/components/tailwind-css-alerts/primary-alert-with-actions)\n* Warning Alert with large Icon and Action: [postsrc.com/components/tailwind-css-alerts/warning-alert-with-large-icon-and-action](https://postsrc.com/components/tailwind-css-alerts/warning-alert-with-large-icon-and-action)\n* Basic Alerts: [postsrc.com/components/tailwind-css-alerts/basic-alerts](https://postsrc.com/components/tailwind-css-alerts/basic-alerts)\n* Basic Alerts With Header: [postsrc.com/components/tailwind-css-alerts/basic-alerts-with-header](https://postsrc.com/components/tailwind-css-alerts/basic-alerts-with-header)\n* Basic Closable Alerts: [postsrc.com/components/tailwind-css-alerts/basic-closable-alerts](https://postsrc.com/components/tailwind-css-alerts/basic-closable-alerts)\n* Success Alert: [postsrc.com/components/tailwind-css-alerts/success-alert](https://postsrc.com/components/tailwind-css-alerts/success-alert)\n* Delete Alert With Large Actions: [postsrc.com/components/tailwind-css-alerts/delete-alert-with-large-actions](https://postsrc.com/components/tailwind-css-alerts/delete-alert-with-large-actions)\n* Basic Alerts With Icon: [postsrc.com/components/tailwind-css-alerts/basic-alerts-with-icon](https://postsrc.com/components/tailwind-css-alerts/basic-alerts-with-icon)\n* Basic Alerts With Filled Background: [postsrc.com/components/tailwind-css-alerts/basic-alert-with-filled-background](https://postsrc.com/components/tailwind-css-alerts/basic-alert-with-filled-background)\n* Basic Alerts With Border: [postsrc.com/components/tailwind-css-alerts/basic-alerts-with-border](https://postsrc.com/components/tailwind-css-alerts/basic-alerts-with-border)\n* Alerts About, Alerts Color variants, Alerts Solid color variants, Alerts Soft color variants, Alerts Bordered styles, Alerts With description, Alerts With list, Alerts Actions, Alerts Link on right, Alerts Discovery, Alerts Dismiss button: [preline.co/docs/alerts.html](https://preline.co/docs/alerts.html)\n* Toasts Basic usage, Toasts Example, Toasts Condensed, Toasts Color variants, Toasts Solid color variants, Toasts Soft color variants, Toasts Message with loading indicator, Toasts With actions, Toasts Stack, Toasts Avatar, Toasts Progress, Toasts Placement, Toasts Dismiss button, Toasts JavaScript Behavior New: [preline.co/docs/toasts.html](https://preline.co/docs/toasts.html)\n* Success Alert Style 2, Warning Alert Style 2, Attention Alert Style 1, Attention Alert Style 2, Success Alert Style 1, Warning Alert Style 1, Warning Alert Style 3, Attention Alert Style 3, Information Alert Style 1, Success Alert Style 3, Success Alert Style 4: [tailgrids.com/components/alerts](https://tailgrids.com/components/alerts)\n* Tailwind CSS Notifications Card - Horizon UI Tailwind: [tailwindcomponents.com/component/notifications-card-horizon-ui-tailwind](https://tailwindcomponents.com/component/notifications-card-horizon-ui-tailwind)\n* Tailwind CSS Alert Colors: [tailwindcomponents.com/component/alert-colors](https://tailwindcomponents.com/component/alert-colors)\n* Tailwind CSS Alert Dismissible: [tailwindcomponents.com/component/alert-dismissible](https://tailwindcomponents.com/component/alert-dismissible)\n* Tailwind CSS Alert Variants: [tailwindcomponents.com/component/alert-variants](https://tailwindcomponents.com/component/alert-variants)\n* Tailwind CSS Alert: [tailwindcomponents.com/component/alert-3](https://tailwindcomponents.com/component/alert-3)\n* Tailwind CSS Alert with Icon: [tailwindcomponents.com/component/alert-with-icon](https://tailwindcomponents.com/component/alert-with-icon)\n* Upload notification: [tailwindcomponents.com/component/upload-notification](https://tailwindcomponents.com/component/upload-notification)\n* Message notification: [tailwindcomponents.com/component/message-notification](https://tailwindcomponents.com/component/message-notification)\n* Notification Component: [tailwindcomponents.com/component/notification-component](https://tailwindcomponents.com/component/notification-component)\n* Tailwind CSS Social Network Notification: [tailwindcomponents.com/component/social-network-notification](https://tailwindcomponents.com/component/social-network-notification)\n* Tailwind CSS Alerts: [tailwindcomponents.com/component/alertas](https://tailwindcomponents.com/component/alertas)\n* Tailwind CSS Simple Alert: [tailwindcomponents.com/component/simple-alert-1](https://tailwindcomponents.com/component/simple-alert-1)\n* Tailwind CSS Toasts - Solid Color: [tailwindcomponents.com/component/tailwind-css-toasts-solid-color](https://tailwindcomponents.com/component/tailwind-css-toasts-solid-color)\n* Simple Notification: [tailwindcomponents.com/component/simple-notification](https://tailwindcomponents.com/component/simple-notification)\n* Notification: [tailwindcomponents.com/component/notification-4](https://tailwindcomponents.com/component/notification-4)\n* Alerts Component: [tailwindcomponents.com/component/alerts-component](https://tailwindcomponents.com/component/alerts-component)\n* alerts: [tailwindcomponents.com/component/alerts-2](https://tailwindcomponents.com/component/alerts-2)\n* Alert component: [tailwindcomponents.com/component/alert-component-2](https://tailwindcomponents.com/component/alert-component-2)\n* Notification Card: [tailwindcomponents.com/component/notification-card-2](https://tailwindcomponents.com/component/notification-card-2)\n* Free Tailwind CSS Notification Component: [tailwindcomponents.com/component/free-tailwind-css-notification-component](https://tailwindcomponents.com/component/free-tailwind-css-notification-component)\n* Free Tailwind CSS Alert Component: [tailwindcomponents.com/component/free-tailwind-css-alert-component](https://tailwindcomponents.com/component/free-tailwind-css-alert-component)\n* Tailwind CSS Toast: [tailwindcomponents.com/component/toast](https://tailwindcomponents.com/component/toast)\n* Notification: [tailwindcomponents.com/component/notification-2](https://tailwindcomponents.com/component/notification-2)\n* Tailwind CSS Simple toast: [tailwindcomponents.com/component/simple-toast](https://tailwindcomponents.com/component/simple-toast)\n* Notification alert: [tailwindcomponents.com/component/levente-nagy](https://tailwindcomponents.com/component/levente-nagy)\n* Tailwind CSS Alerts: [tailwindcomponents.com/component/tailwind-css-alerts](https://tailwindcomponents.com/component/tailwind-css-alerts)\n* Small Modern Alerts: [tailwindcomponents.com/component/small-modern-alerts](https://tailwindcomponents.com/component/small-modern-alerts)\n* Bouncing Alert: [tailwindcomponents.com/component/bouncing-alert](https://tailwindcomponents.com/component/bouncing-alert)\n* Toaster Notification: [tailwindcomponents.com/component/toaster-notification](https://tailwindcomponents.com/component/toaster-notification)\n* Alert info: [tailwindcomponents.com/component/alert-info](https://tailwindcomponents.com/component/alert-info)\n* Tailwind Alerts: [tailwindcomponents.com/component/tailwind-alerts](https://tailwindcomponents.com/component/tailwind-alerts)\n* Tailwindcss animated ping alert bell: [tailwindcomponents.com/component/tailwindcss-animated-ping-alert-bell](https://tailwindcomponents.com/component/tailwindcss-animated-ping-alert-bell)\n* Blurry Alert on Image Card: [tailwindcomponents.com/component/transparent-alert-over-image](https://tailwindcomponents.com/component/transparent-alert-over-image)\n* Notification Card: [tailwindcomponents.com/component/notification-card-1](https://tailwindcomponents.com/component/notification-card-1)\n* Vue Notification message: [tailwindcomponents.com/component/vue-notification-message](https://tailwindcomponents.com/component/vue-notification-message)\n* Notification: [tailwindcomponents.com/component/image-card](https://tailwindcomponents.com/component/image-card)\n* Tailwind CSS Notification Card: [tailwindcomponents.com/component/notification-card](https://tailwindcomponents.com/component/notification-card)\n* Simple Promotion Banner (Notification): [tailwindcomponents.com/component/simple-promotion-banner-notification](https://tailwindcomponents.com/component/simple-promotion-banner-notification)\n* Notification toast: [tailwindcomponents.com/component/notification-toast](https://tailwindcomponents.com/component/notification-toast)\n* Alerts components: [tailwindcomponents.com/component/alerts-components-1](https://tailwindcomponents.com/component/alerts-components-1)\n* Toaster Card: [tailwindcomponents.com/component/toaster-card](https://tailwindcomponents.com/component/toaster-card)\n* Buttons / Inputs / Alerts: [tailwindcomponents.com/component/buttons-inputs-alerts](https://tailwindcomponents.com/component/buttons-inputs-alerts)\n* Success Payment Alert: [tailwindcomponents.com/component/success-payment-alert](https://tailwindcomponents.com/component/success-payment-alert)\n* Tailwind CSS Facebook Toast: [tailwindcomponents.com/component/facebook-toast](https://tailwindcomponents.com/component/facebook-toast)\n* A success Alert message: [tailwindcomponents.com/component/a-success-alert-message](https://tailwindcomponents.com/component/a-success-alert-message)\n* Simple Toast Notification: [tailwindcomponents.com/component/simple-toast-notification](https://tailwindcomponents.com/component/simple-toast-notification)\n* Alert Component: [tailwindcomponents.com/component/alert-component-with-tailwind-css](https://tailwindcomponents.com/component/alert-component-with-tailwind-css)\n* alphine js , toast notification: [tailwindcomponents.com/component/alphine-js-toast-notification](https://tailwindcomponents.com/component/alphine-js-toast-notification)\n* Notifications dropdown: [tailwindcomponents.com/component/notifications-dropdown](https://tailwindcomponents.com/component/notifications-dropdown)\n* Alert component: [tailwindcomponents.com/component/alert-component](https://tailwindcomponents.com/component/alert-component)\n* Toast Notification: [tailwindcomponents.com/component/toast-notification](https://tailwindcomponents.com/component/toast-notification)\n* Simple Shopping Callout with CTA: [tailwindcomponents.com/component/simple-shopping-callout-with-cta](https://tailwindcomponents.com/component/simple-shopping-callout-with-cta)\n* Alerts components: [tailwindcomponents.com/component/alerts-components](https://tailwindcomponents.com/component/alerts-components)\n* Facebook Notification: [tailwindcomponents.com/component/facebook-notification](https://tailwindcomponents.com/component/facebook-notification)\n* Simple Alerts: [tailwindcomponents.com/component/simple-alerts](https://tailwindcomponents.com/component/simple-alerts)\n* Alerts with icons: [tailwindcomponents.com/component/alerts-with-icons](https://tailwindcomponents.com/component/alerts-with-icons)\n* Dismissible Alert: [tailwindcomponents.com/component/dismissible-alert](https://tailwindcomponents.com/component/dismissible-alert)\n* Alert messages: [tailwindcomponents.com/component/alert-messages](https://tailwindcomponents.com/component/alert-messages)\n* Badge notification: [tailwindcomponents.com/component/badge-notification](https://tailwindcomponents.com/component/badge-notification)\n* antd notification: [tailwindcomponents.com/component/antd-notification](https://tailwindcomponents.com/component/antd-notification)\n* Notifications: [tailwindcomponents.com/component/notifications](https://tailwindcomponents.com/component/notifications)\n* Alert Cards: [tailwindcomponents.com/component/alerts](https://tailwindcomponents.com/component/alerts)\n* Notification: [tailwindcomponents.com/component/notification-3](https://tailwindcomponents.com/component/notification-3)\n* Notification pop: [tailwindcomponents.com/component/notification-pop](https://tailwindcomponents.com/component/notification-pop)\n* Notifications popup: [tailwindcomponents.com/component/notifications-popup](https://tailwindcomponents.com/component/notifications-popup)\n* Tagged alert: [tailwindcomponents.com/component/tagged-alert](https://tailwindcomponents.com/component/tagged-alert)\n* Alerts components with Tailwindcss: [tailwindcomponents.com/component/alerts-components-with-tailwindcss](https://tailwindcomponents.com/component/alerts-components-with-tailwindcss)\n* Top accent alert: [tailwindcomponents.com/component/top-accent-alert](https://tailwindcomponents.com/component/top-accent-alert)\n* Traditional alert: [tailwindcomponents.com/component/traditional-alert](https://tailwindcomponents.com/component/traditional-alert)\n* Solid alert: [tailwindcomponents.com/component/solid-alert](https://tailwindcomponents.com/component/solid-alert)\n* Alert 1 Square, Alert 1 Rounded, Alert 1 Full Rounded, Alert 1 Single line truncate, Alert 1 With title \u0026 long description: [tailwindow.github.io/component-tailwindcss/components/alert/alert-1/index.html](https://tailwindow.github.io/component-tailwindcss/components/alert/alert-1/index.html)\n* Alert 2: [tailwindow.github.io/component-tailwindcss/components/alert/alert-2/index.html](https://tailwindow.github.io/component-tailwindcss/components/alert/alert-2/index.html)\n* Alert Box Normal, Alert Box With title \u0026 long description: [tailwindow.github.io/component-tailwindcss/components/alert/alert-box/index.html](https://tailwindow.github.io/component-tailwindcss/components/alert/alert-box/index.html)\n* Primer Toast, Lexicon Alert with button, Lexicon Alert Stripe, Lexicon Alert, Argon alerts, Orbit Alert, Biings alert, Alert 2, Alert accent 1, Alert rounded: [tailwindtemplates.io/templates?category=alert](https://tailwindtemplates.io/templates?category=alert)\n* Alerts: [tailwindtoolbox.com/components/alerts](https://www.tailwindtoolbox.com/components/alerts)\n* Alert: [codepen.io/oidre/full/vYGBaVZ](https://codepen.io/oidre/full/vYGBaVZ)\n* notification notification 1, notification notification 1: [tailwinduikit.com/components/webapp/overlay/notification#notification\\_1](https://tailwinduikit.com/components/webapp/overlay/notification#notification_1)\n* alert simple with action button warning, alert simple with action button warning: [tailwinduikit.com/components/webapp/feedback/alert#simple\\_with\\_action\\_button\\_warning](https://tailwinduikit.com/components/webapp/feedback/alert#simple_with_action_button_warning)\n* Alerts Basic with dismiss, Alerts Information with icon: [tinywind.dev/components/alerts](https://tinywind.dev/components/alerts)\n* components Alert: [wickedblocks.dev/groups/alert](https://wickedblocks.dev/groups/alert)\n* Tailwind CSS notification: [tailwindcomponents.com/component/notification-5](https://tailwindcomponents.com/component/notification-5)\n* Alert Boxes: [tailwindcomponents.com/component/alert-boxes](https://tailwindcomponents.com/component/alert-boxes)\n* Card Alert: [tailwindcomponents.com/component/card-alert](https://tailwindcomponents.com/component/card-alert)\n* Tailwind CSS Dismissible alert: [tailwindcomponents.com/component/dismissible-alert-with-tailwind-cssopen-in-editor-dismissible-alert](https://tailwindcomponents.com/component/dismissible-alert-with-tailwind-cssopen-in-editor-dismissible-alert)\n* Tailwind CSS Notifications Menu: [tailwindcomponents.com/component/tailwind-css-notifications-menu-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-notifications-menu-by-material-tailwind)\n* Tailwind CSS Alert with Content: [tailwindcomponents.com/component/tailwind-css-alert-with-content-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-alert-with-content-by-material-tailwind)\n* Tailwind CSS Custom Alert Close Icon: [tailwindcomponents.com/component/tailwind-css-custom-alert-close-icon-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-custom-alert-close-icon-by-material-tailwind)\n* Tailwind CSS Alert Dismissible: [tailwindcomponents.com/component/tailwind-css-alert-dismissible-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-alert-dismissible-by-material-tailwind)\n* Tailwind CSS Alert with Icon: [tailwindcomponents.com/component/tailwind-css-alert-with-icon-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-alert-with-icon-by-material-tailwind)\n* Tailwind CSS Alert Colors: [tailwindcomponents.com/component/tailwind-css-alert-colors-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-alert-colors-by-material-tailwind)\n* Tailwind CSS Alert Variants: [tailwindcomponents.com/component/tailwind-css-alert-variants-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-alert-variants-by-material-tailwind)\n* Tailwind CSS Alerts: [tailwindcomponents.com/component/tailwind-css-alerts-2](https://tailwindcomponents.com/component/tailwind-css-alerts-2)\n* Tailwind CSS Alerts: [tailwindcomponents.com/component/tailwind-css-alerts-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-alerts-by-material-tailwind)\n* Notification Email Template: [tailwindcomponents.com/component/notification-email-template](https://tailwindcomponents.com/component/notification-email-template)\n* Alerts Basic examples, Alerts Static examples, Alerts Link color, Alerts Icons, Alerts Additional content, Alerts Dismissing, Alerts Show, Alerts Hide, Alerts Placement, Alerts Container, Alerts Offset, Alerts Stacking, Alerts Stacking - Container, Alerts Import, Alerts Usage: [tw-elements.com/docs/standard/components/alerts/](https://tw-elements.com/docs/standard/components/alerts/)\n* Notifications Simple notification, Notifications Classic badge notification, Notifications Notification within tabs, Notifications Notification within button, Notifications Notification within avatar, Notifications Notification start, Notifications Notification center, Notifications Notification end (default), Notifications Notification middle start, Notifications Notification middle center, Notifications Notification middle end, Notifications Notification bottom start, Notifications Notification bottom center, Notifications Notification bottom end: [tw-elements.com/docs/standard/components/notifications/](https://tw-elements.com/docs/standard/components/notifications/)\n* Toast Basic example, Toast Static example, Toast Color examples, Toast Placement, Toast Offset, Toast Container, Toast Stacking, Toast Stacking (container), Toast Import, Toast Usage: [tw-elements.com/docs/standard/components/toast/](https://tw-elements.com/docs/standard/components/toast/)\n* Toast Default toast, Toast Colors, Toast Simple toast, Toast Undo button, Toast Toast message, Toast Push notification, Toast Interactive toast, Toast Positioning, Toast JavaScript behaviour: [flowbite.com/docs/components/toast/](https://flowbite.com/docs/components/toast/)\n\n## Avatar\n\n* Avatar, Avatar in custom sizes, Avatar rounded, Avatar with mask, Avatar group, Avatar group with counter, Avatar with ring, Avatar with presence indicator, Avatar placeholder: [daisyui.com/components/avatar/](https://daisyui.com/components/avatar/)\n* Fancy Avatar 1: [fancytailwind.com/app/fancy-laboratory/atoms/avatars/avatar1](https://fancytailwind.com/app/fancy-laboratory/atoms/avatars/avatar1)\n* Fancy Avatar 1b: [fancytailwind.com/app/fancy-laboratory/atoms/avatars/avatar1b](https://fancytailwind.com/app/fancy-laboratory/atoms/avatars/avatar1b)\n* Fancy Avatar 1c: [fancytailwind.com/app/fancy-laboratory/atoms/avatars/avatar1c](https://fancytailwind.com/app/fancy-laboratory/atoms/avatars/avatar1c)\n* Fancy Avatar 2: [fancytailwind.com/app/fancy-laboratory/atoms/avatars/avatar2](https://fancytailwind.com/app/fancy-laboratory/atoms/avatars/avatar2)\n* Fancy Avatar 2b: [fancytailwind.com/app/fancy-laboratory/atoms/avatars/avatar2b](https://fancytailwind.com/app/fancy-laboratory/atoms/avatars/avatar2b)\n* Fancy Avatar 2c: [fancytailwind.com/app/fancy-laboratory/atoms/avatars/avatar2c](https://fancytailwind.com/app/fancy-laboratory/atoms/avatars/avatar2c)\n* Fancy Avatar 7: [fancytailwind.com/app/fancy-laboratory/atoms/avatars/avatar7](https://fancytailwind.com/app/fancy-laboratory/atoms/avatars/avatar7)\n* Avatar: [layoutsfortailwind.lalokalabs.dev/ui/avatar](https://layoutsfortailwind.lalokalabs.dev/ui/avatar)\n* Avatar Initial: [layoutsfortailwind.lalokalabs.dev/ui/avatar-initial](https://layoutsfortailwind.lalokalabs.dev/ui/avatar-initial)\n* Avatar Presence: [layoutsfortailwind.lalokalabs.dev/ui/avatar-presence](https://layoutsfortailwind.lalokalabs.dev/ui/avatar-presence)\n* Avatar Stack: [layoutsfortailwind.lalokalabs.dev/ui/avatar-stack](https://layoutsfortailwind.lalokalabs.dev/ui/avatar-stack)\n* Avatar: [mambaui.com/components/avatar](https://mambaui.com/components/avatar)\n* Avatar Basic: [mynaui.com/avatar/#basic](https://mynaui.com/avatar/#basic)\n* Avatar Basic Rounded: [mynaui.com/avatar/#basic-rounded](https://mynaui.com/avatar/#basic-rounded)\n* Avatar Sizes: [mynaui.com/avatar/#sizes](https://mynaui.com/avatar/#sizes)\n* Avatar Placeholder Sizes: [mynaui.com/avatar/#placeholder-sizes](https://mynaui.com/avatar/#placeholder-sizes)\n* Avatar With Indicator: [mynaui.com/avatar/#with-indicator](https://mynaui.com/avatar/#with-indicator)\n* Avatar Group Basic: [mynaui.com/avatar-group/#basic](https://mynaui.com/avatar-group/#basic)\n* Avatar Group Reverse Order: [mynaui.com/avatar-group/#reverse-order](https://mynaui.com/avatar-group/#reverse-order)\n* Avatar Group Sizes: [mynaui.com/avatar-group/#sizes](https://mynaui.com/avatar-group/#sizes)\n* Avatar Group Text: [mynaui.com/avatar-group/#text](https://mynaui.com/avatar-group/#text)\n* Avatar Group Centered: [mynaui.com/avatar-group/#centered](https://mynaui.com/avatar-group/#centered)\n* Select Prefix Avatar: [mynaui.com/select/#prefix-avatar](https://mynaui.com/select/#prefix-avatar)\n* Textarea Editor Avatar: [mynaui.com/textarea/#editor-avatar](https://mynaui.com/textarea/#editor-avatar)\n* Basic User Avatar Round: [postsrc.com/components/tailwind-css-avatars/basic-user-avatar-round](https://postsrc.com/components/tailwind-css-avatars/basic-user-avatar-round)\n* Basic User Avatar Square: [postsrc.com/components/tailwind-css-avatars/basic-user-avatar-square](https://postsrc.com/components/tailwind-css-avatars/basic-user-avatar-square)\n* Stacked Avatar: [postsrc.com/components/tailwind-css-avatars/tailwind-css-stacked-avatar](https://postsrc.com/components/tailwind-css-avatars/tailwind-css-stacked-avatar)\n* Avatar Round With Status: [postsrc.com/components/tailwind-css-avatars/avatar-round-with-status](https://postsrc.com/components/tailwind-css-avatars/avatar-round-with-status)\n* Avatar group: [sailboatui.com/docs/components/avatar/#avatar-group](https://sailboatui.com/docs/components/avatar/#avatar-group)\n* Avatar dropdownn: [sailboatui.com/docs/components/dropdown/#avatar-dropdownn](https://sailboatui.com/docs/components/dropdown/#avatar-dropdownn)\n* Tailwind CSS Avatar Sizes: [tailwindcomponents.com/component/avatar-sizes](https://tailwindcomponents.com/component/avatar-sizes)\n* Tailwind CSS Avatar Variants: [tailwindcomponents.com/component/avatar-variants](https://tailwindcomponents.com/component/avatar-variants)\n* Tailwind CSS Avatar: [tailwindcomponents.com/component/avatar-1](https://tailwindcomponents.com/component/avatar-1)\n* Tailwind CSS Avatar Dot: [tailwindcomponents.com/component/avatar-dot](https://tailwindcomponents.com/component/avatar-dot)\n* Tailwind CSS Avatar placeholder: [tailwindcomponents.com/component/avatar-placeholder](https://tailwindcomponents.com/component/avatar-placeholder)\n* Tailwind CSS Avatar: [tailwindcomponents.com/component/tailwind-css-avatar](https://tailwindcomponents.com/component/tailwind-css-avatar)\n* Free Tailwind CSS Avatar Component: [tailwindcomponents.com/component/free-tailwind-css-avatar-component](https://tailwindcomponents.com/component/free-tailwind-css-avatar-component)\n* Avatar UI design: [tailwindcomponents.com/component/avatar-ui-design](https://tailwindcomponents.com/component/avatar-ui-design)\n* Section Avatars: [tailwindcomponents.com/component/section-avatars](https://tailwindcomponents.com/component/section-avatars)\n* User Avatar with presence indicator: [tailwindcomponents.com/component/user-avatar-with-presence-indicator](https://tailwindcomponents.com/component/user-avatar-with-presence-indicator)\n* Avatars: [tailwindcomponents.com/component/avatars](https://tailwindcomponents.com/component/avatars)\n* Avatar Upload: [tailwindcomponents.com/component/codeosemeke](https://tailwindcomponents.com/component/codeosemeke)\n* Avatar with username: [tailwindcomponents.com/component/avatar-with-username](https://tailwindcomponents.com/component/avatar-with-username)\n* Rounded inner box shadow avatar: [tailwindcomponents.com/component/rounded-inner-box-shadow-avatar](https://tailwindcomponents.com/component/rounded-inner-box-shadow-avatar)\n* Simple Avatar (and initials): [tailwindcomponents.com/component/simple-avatar-and-initials](https://tailwindcomponents.com/component/simple-avatar-and-initials)\n* Avatar - Simple full rounded avatar, Avatar - small full rounded avatar, Avatar - Big full rounded avatar, Avatar - Round avatar, Avatar - Square avatar, Avatar - Avatar with badge, Avatar - Multiple avatar, Avatar - Multiple small avatar, Avatar - Multiple big avatar, Avatar - With hover effect: [tailwind-kit.com/components/avatar](https://www.tailwind-kit.com/components/avatar)\n* Circular Avatar: [codepen.io/oidre/full/ExPaaEJ](https://codepen.io/oidre/full/ExPaaEJ)\n* Custom with avatar: [tailwindui.com/components/preview#component-71d9116be789a254c260369f03472985](https://tailwindui.com/components/preview#component-71d9116be789a254c260369f03472985)\n* Avatar group stacked bottom to top: [tailwindui.com/components/preview#component-e4a92edf4f12acee331db4190019b4ef](https://tailwindui.com/components/preview#component-e4a92edf4f12acee331db4190019b4ef)\n* avatar avatars circle image, avatar avatars circle image: [tailwinduikit.com/components/webapp/UI\\_element/avatar#avatars\\_circle\\_image](https://tailwinduikit.com/components/webapp/UI_element/avatar#avatars_circle_image)\n* Avatars Basic, Avatars Activity indicator: [tinywind.dev/components/avatars](https://tinywind.dev/components/avatars)\n* Lo-fi Tailwind CSS User Avatar Stacks: [codepen.io/robstinson/pen/NWrrgej](https://codepen.io/robstinson/pen/NWrrgej)\n* Tailwind CSS Chips with Avatar: [tailwindcomponents.com/component/tailwind-css-chips-with-avatar-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-chips-with-avatar-by-material-tailwind)\n* Tailwind CSS Avatar Stack: [tailwindcomponents.com/component/tailwind-css-avatar-stack-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-avatar-stack-by-material-tailwind)\n* Tailwind CSS Avatar Sizes: [tailwindcomponents.com/component/tailwind-css-avatar-sizes-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-avatar-sizes-by-material-tailwind)\n* Tailwind CSS Avatar Variants: [tailwindcomponents.com/component/tailwind-css-avatar-variants-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-avatar-variants-by-material-tailwind)\n* Tailwind CSS Avatar: [tailwindcomponents.com/component/tailwind-css-avatar-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-avatar-by-material-tailwind)\n* Tailwind CSS Avatar Block: [tailwindcomponents.com/component/share-with-others](https://tailwindcomponents.com/component/share-with-others)\n* Tailwind CSS rounded avatar: [tailwindcomponents.com/component/tailwind-css-rounded-avatar](https://tailwindcomponents.com/component/tailwind-css-rounded-avatar)\n* Avatar Basic examples, Avatar With shadow, Avatar Square, Avatar With content: [tw-elements.com/docs/standard/components/avatar/](https://tw-elements.com/docs/standard/components/avatar/)\n\n## Badge\n\n* progress badge: [tailwind.besoeasy.com/progress/badge.html](https://tailwind.besoeasy.com/progress/badge.html)\n* badge basic: [tailwind.besoeasy.com/badge/basic.html](https://tailwind.besoeasy.com/badge/basic.html)\n* badge close: [tailwind.besoeasy.com/badge/close.html](https://tailwind.besoeasy.com/badge/close.html)\n* badge full: [tailwind.besoeasy.com/badge/full.html](https://tailwind.besoeasy.com/badge/full.html)\n* badge head: [tailwind.besoeasy.com/badge/head.html](https://tailwind.besoeasy.com/badge/head.html)\n* badge line: [tailwind.besoeasy.com/badge/line.html](https://tailwind.besoeasy.com/badge/line.html)\n* 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 - Line with icon, Badges - Line with button, Badges - Full button, Badges - List of badges, Badges - Pink badge, Badges - Black badge, Badges - Light rounded badge: [tailwind-kit.com/components/badges](https://www.tailwind-kit.com/components/badges)\n* Badge: [a17t.miles.land/information/badge/](https://a17t.miles.land/information/badge/)\n* Badge, Badge with brand colors, Badge Outline badge, Badge sizes, Badge Empty badge, Badge with state colors, Badge in a text, Badge in a button: [daisyui.com/components/badge/](https://daisyui.com/components/badge/)\n* Fancy Badge 1: [fancytailwind.com/app/fancy-laboratory/atoms/badges/badge1](https://fancytailwind.com/app/fancy-laboratory/atoms/badges/badge1)\n* Fancy Badge 1b: [fancytailwind.com/app/fancy-laboratory/atoms/badges/badge1b](https://fancytailwind.com/app/fancy-laboratory/atoms/badges/badge1b)\n* Fancy Badge 1c: [fancytailwind.com/app/fancy-laboratory/atoms/badges/badge1c](https://fancytailwind.com/app/fancy-laboratory/atoms/badges/badge1c)\n* Fancy Badge 2: [fancytailwind.com/app/fancy-laboratory/atoms/badges/badge2](https://fancytailwind.com/app/fancy-laboratory/atoms/badges/badge2)\n* Fancy Badge 2b: [fancytailwind.com/app/fancy-laboratory/atoms/badges/badge2b](https://fancytailwind.com/app/fancy-laboratory/atoms/badges/badge2b)\n* Fancy Badge 2c: [fancytailwind.com/app/fancy-laboratory/atoms/badges/badge2c](https://fancytailwind.com/app/fancy-laboratory/atoms/badges/badge2c)\n* Badge #Text with color, Badge #Text and icon with color, Badge #Icon with color, Badge #Text and icon with themed color, Badge #Text and dismiss with color: [hyperui.dev/components/application-ui/badges](https://www.hyperui.dev/components/application-ui/badges)\n* Badge: [layoutsfortailwind.lalokalabs.dev/ui/badge](https://layoutsfortailwind.lalokalabs.dev/ui/badge)\n* Badge Basic: [mynaui.com/badge/#basic](https://mynaui.com/badge/#basic)\n* Badge Light Colors: [mynaui.com/badge/#light-colors](https://mynaui.com/badge/#light-colors)\n* Badge With Dot: [mynaui.com/badge/#with-dot](https://mynaui.com/badge/#with-dot)\n* Badge Close Button: [mynaui.com/badge/#close-button](https://mynaui.com/badge/#close-button)\n* Badge Only Dot: [mynaui.com/badge/#only-dot](https://mynaui.com/badge/#only-dot)\n* Badge Numbers: [mynaui.com/badge/#numbers](https://mynaui.com/badge/#numbers)\n* Default Badges With Icon: [postsrc.com/components/tailwind-css-badges/default-badges-with-icon](https://postsrc.com/components/tailwind-css-badges/default-badges-with-icon)\n* Default Badges: [postsrc.com/components/tailwind-css-badges/default-badges](https://postsrc.com/components/tailwind-css-badges/default-badges)\n* Simple Number Badge: [postsrc.com/components/tailwind-css-badges/simple-number-badge](https://postsrc.com/components/tailwind-css-badges/simple-number-badge)\n* Simple Icon With Badge: [postsrc.com/components/tailwind-css-badges/simple-icon-with-badge](https://postsrc.com/components/tailwind-css-badges/simple-icon-with-badge)\n* Button With Badge: [postsrc.com/components/buttons/button-with-badge](https://postsrc.com/components/buttons/button-with-badge)\n* Badge Color variants, Badge Solid color variants, Badge Soft color variants, Badge Outline color variants, Badge White color variants, Badge Shape, Badge Rounded badges, Badge Max width, Badge Badge with indicator, Badge Working with icons, Badge Badge with remove button, Badge With button, Badge Positioned, Badge Profile, Badge Animation, Badge Ping: [preline.co/docs/badge.html](https://preline.co/docs/badge.html)\n* Dark Badge, Warning Badge, Primary Badge, Gray Badge, Light Badge, Danger Badge, Info Badge, Secondary Badge, Success Badge: [tailgrids.com/components/badges](https://tailgrids.com/components/badges)\n* Tailwind CSS Expanding Badge: [tailwindcomponents.com/component/expanding-badge](https://tailwindcomponents.com/component/expanding-badge)\n* Badged Buttons: [tailwindcomponents.com/component/badged-buttons](https://tailwindcomponents.com/component/badged-buttons)\n* Free Tailwind CSS Badge Component: [tailwindcomponents.com/component/free-tailwind-css-badge-component](https://tailwindcomponents.com/component/free-tailwind-css-badge-component)\n* Label/Badges: [tailwindcomponents.com/component/labelbadges](https://tailwindcomponents.com/component/labelbadges)\n* Store Buttons Badge: [tailwindcomponents.com/component/store-buttons-badge](https://tailwindcomponents.com/component/store-buttons-badge)\n* Simple Badges: [tailwindcomponents.com/component/simple-badges](https://tailwindcomponents.com/component/simple-badges)\n* Badges with icons: [tailwindcomponents.com/component/badges-with-icons](https://tailwindcomponents.com/component/badges-with-icons)\n* Badge: [tailwindcomponents.com/component/badge](https://tailwindcomponents.com/component/badge)\n* Badge: [codepen.io/oidre/full/jOqNpKQ](https://codepen.io/oidre/full/jOqNpKQ)\n* badge large rectangle bullet, badge large rectangle bullet: [tailwinduikit.com/components/webapp/UI\\_element/badge#large\\_rectangle\\_bullet](https://tailwinduikit.com/components/webapp/UI_element/badge#large_rectangle_bullet)\n* Badges Basic, Badges Pills, Badges Small, Badges Small pills: [tinywind.dev/components/badges](https://tinywind.dev/components/badges)\n* Badges Basic examples, Badges Sizes, Badges Button, Badges Colors, Badges Pills: [tw-elements.com/docs/standard/components/badges/](https://tw-elements.com/docs/standard/components/badges/)\n\n## Breadcrumb\n\n* Breadcrumbs, Breadcrumbs with icons, Breadcrumbs with max-width: [daisyui.com/components/breadcrumbs/](https://daisyui.com/components/breadcrumbs/)\n* Fancy Breadcrumb 4: [fancytailwind.com/app/fancy-laboratory/molecules/breadcrumbs/breadcrumb4](https://fancytailwind.com/app/fancy-laboratory/molecules/breadcrumbs/breadcrumb4)\n* Breadcrumb Default breadcrumb, Breadcrumb Solid background, Breadcrumb Header breadcrumb, Breadcrumb Breadcrumb with dropdown: [flowbite.com/docs/components/breadcrumb/](https://flowbite.com/docs/components/breadcrumb/)\n* Breadcrumb #Home icon and links, split with chevron, Breadcrumb #Home icon and links, split with slash, Breadcrumb #Home and links, split with chevron background: [hyperui.dev/components/application-ui/breadcrumbs](https://www.hyperui.dev/components/application-ui/breadcrumbs)\n* Breadcrumb: [mambaui.com/components/breadcrumb](https://mambaui.com/components/breadcrumb)\n* Breadcrumb Basic: [mynaui.com/breadcrumb/#basic](https://mynaui.com/breadcrumb/#basic)\n* Breadcrumb More Items: [mynaui.com/breadcrumb/#more-items](https://mynaui.com/breadcrumb/#more-items)\n* Breadcrumb Caret: [mynaui.com/breadcrumb/#caret](https://mynaui.com/breadcrumb/#caret)\n* Breadcrumb More Items Caret: [mynaui.com/breadcrumb/#more-items-caret](https://mynaui.com/breadcrumb/#more-items-caret)\n* Breadcrumb Icons: [mynaui.com/breadcrumb/#icons](https://mynaui.com/breadcrumb/#icons)\n* Basic Breadcrumbs With Slash Component: [postsrc.com/components/tailwind-css-breadcrumbs/basic-breadcrumbs-with-slash](https://postsrc.com/components/tailwind-css-breadcrumbs/basic-breadcrumbs-with-slash)\n* Basic Breadcrumbs Component: [postsrc.com/components/tailwind-css-breadcrumbs/basic-breadcrumbs-component](https://postsrc.com/components/tailwind-css-breadcrumbs/basic-breadcrumbs-component)\n* Basic Breadcrumbs with Pipe Component: [postsrc.com/components/tailwind-css-breadcrumbs/breadcrumbs-with-pipie-component](https://postsrc.com/components/tailwind-css-breadcrumbs/breadcrumbs-with-pipie-component)\n* Breadcrumb Chevrons, Breadcrumb Slashes, Breadcrumb With icons, Breadcrumb Bordered, Breadcrumb 'More' static button, Breadcrumb 'More' button with Dropdown: [preline.co/docs/breadcrumb.html](https://preline.co/docs/breadcrumb.html)\n* Breadcrumb Style 1, Breadcrumb Style 3, Breadcrumb Style 6, Breadcrumb Style 8, Breadcrumb Style 10, Breadcrumb Style 12, Breadcrumb Style 2, Breadcrumb Style 4, Breadcrumb Style 5, Breadcrumb Style 7, Breadcrumb Style 9, Breadcrumb Style 11: [tailgrids.com/components/breadcrumbs](https://tailgrids.com/components/breadcrumbs)\n* Breadcrumb Full Width with Icons: [tailwindcomponents.com/component/breadcrumb-full-width-with-icons](https://tailwindcomponents.com/component/breadcrumb-full-width-with-icons)\n* Tailwind Breadcrumbs: [tailwindcomponents.com/component/tailwind-breadcrumbs](https://tailwindcomponents.com/component/tailwind-breadcrumbs)\n* Tailwind CSS Breadcrumb: [tailwindcomponents.com/component/breadcrumb](https://tailwindcomponents.com/component/breadcrumb)\n* Breadcrumbs: [tailwindcomponents.com/component/breadcrumbs-2](https://tailwindcomponents.com/component/breadcrumbs-2)\n* Breadcrumb components: [tailwindcomponents.com/component/breadcrumb-components](https://tailwindcomponents.com/component/breadcrumb-components)\n* Tailwind CSS Breadcrumb: [tailwindcomponents.com/component/tailwind-css-breadcrumb](https://tailwindcomponents.com/component/tailwind-css-breadcrumb)\n* Breadcrumbs: [tailwindcomponents.com/component/breadcrumbs-1](https://tailwindcomponents.com/component/breadcrumbs-1)\n* Breadcrumbs: [tailwindcomponents.com/component/breadcrumbs](https://tailwindcomponents.com/component/breadcrumbs)\n* Breadcrumbs: [windstatic.com/breadcrumbs](https://windstatic.com/breadcrumbs)\n* Tailwind CSS Dropdown Breadcrumbs: [tailwindcomponents.com/component/dishant-singh-7](https://tailwindcomponents.com/component/dishant-singh-7)\n* Tailwind CSS Custom Breadcrumbs Separator: [tailwindcomponents.com/component/tailwind-css-custom-breadcrumbs-separator-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-custom-breadcrumbs-separator-by-material-tailwind)\n* Tailwind CSS Block Level Breadcrumbs: [tailwindcomponents.com/component/tailwind-css-block-level-breadcrumbs-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-block-level-breadcrumbs-by-material-tailwind)\n* Tailwind CSS Breadcrumbs with Icon: [tailwindcomponents.com/component/tailwind-css-breadcrumbs-with-icon-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-breadcrumbs-with-icon-by-material-tailwind)\n* Tailwind CSS Breadcrumb with Icon: [tailwindcomponents.com/component/breadcrumb-with-icon](https://tailwindcomponents.com/component/breadcrumb-with-icon)\n* Tailwind CSS Breadcrumbs: [tailwindcomponents.com/component/tailwind-css-breadcrumbs-by-material-tailwind](https://tailwindcomponents.com/component/tailwind-css-breadcrumbs-by-material-tailwind)\n* Tailwind CSS Breadcrumbs: [tailwindcomponents.com/component/breadcrumbs-4](https://tailwindcomponents.com/component/breadcrumbs-4)\n\n## Button\n\n* button information: [tailwind.besoeasy.com/button/information.html](https://tailwind.besoeasy.com/button/information.html)\n* button upload: [tailwind.besoeasy.com/button/upload.html](https://tailwind.besoeasy.com/button/upload.html)\n* button loading: [tailwind.besoeasy.com/button/loading.html](https://tailwind.besoeasy.com/button/loading.html)\n* button pager: [tailwind.besoeasy.com/button/pager.html](https://tailwind.besoeasy.com/button/pager.html)\n* button aaw: [tailwind.besoeasy.com/button/aaw.html](https://tailwind.besoeasy.com/button/aaw.html)\n* button app: [tailwind.besoeasy.com/button/app.html](https://tailwind.besoeasy.com/button/app.html)\n* button asd: [tailwind.besoeasy.com/button/asd.html](https://tailwind.besoeasy.com/button/asd.html)\n* button basic: [tailwind.besoeasy.com/button/basic.html](https://tailwind.besoeasy.com/button/basic.html)\n* button ccc: [tailwind.besoeasy.com/button/ccc.html](https://tailwind.besoeasy.com/button/ccc.html)\n* button disable: [tailwind.besoeasy.com/button/disable.html](https://tailwind.besoeasy.com/button/disable.html)\n* button dop: [tailwind.besoeasy.com/button/dop.html](https://tailwind.besoeasy.com/button/dop.html)\n* button edr: [tailwind.besoeasy.com/button/edr.html](https://tailwind.besoeasy.com/button/edr.html)\n* button facebook: [tailwind.besoeasy.com/button/facebook.html](https://tailwind.besoeasy.com/button/facebook.html)\n* button github: [tailwind.besoeasy.com/button/github.html](https://tailwind.besoeasy.com/button/github.html)\n* button google: [tailwind.besoeasy.com/button/google.html](https://tailwind.besoeasy.com/button/google.html)\n* button gra: [tailwind.besoeasy.com/button/gra.html](https://tailwind.besoeasy.com/button/gra.html)\n* button hol: [tailwind.besoeasy.com/button/hol.html](https://tailwind.besoeasy.com/button/hol.html)\n* button icon: [tailwind.besoeasy.com/button/icon.html](https://tailwind.besoeasy.com/button/icon.html)\n* button lol: [tailwind.besoeasy.com/button/lol.html](https://tailwind.besoeasy.com/button/lol.html)\n* button multiple: [tailwind.besoeasy.com/button/multiple.html](https://tailwind.besoeasy.com/button/multiple.html)\n* button phy: [tailwind.besoeasy.com/button/phy.html](https://tailwind.besoeasy.com/button/phy.html)\n* button piku: [tailwind.besoeasy.com/button/piku.html](https://tailwind.besoeasy.com/button/piku.html)\n* button pip: [tailwind.besoeasy.com/button/pip.html](https://tailwind.besoeasy.com/button/pip.html)\n* button puk: [tailwind.besoeasy.com/button/puk.html](https://tailwind.besoeasy.com/button/puk.html)\n* button qop: [tailwind.besoeasy.com/button/qop.html](https://tailwind.besoeasy.com/button/qop.html)\n* button round: [tailwind.besoeasy.com/button/round.html](https://tailwind.besoeasy.com/button/round.html)\n* button sha: [tailwind.besoeasy.com/button/sha.html](https://tailwind.besoeasy.com/button/sha.html)\n* button zaw: [tailwind.besoeasy.com/button/zaw.html](https://tailwind.besoeasy.com/button/zaw.html)\n* Button: [a17t.miles.land/interaction/button/](https://a17t.miles.land/interaction/button/)\n* Button group, Button group vertical, Button group Responsive - Vertical for small screen, Horizontal on large screen, Button group with radio buttons: [daisyui.com/components/button-group/](https://daisyui.com/components/button-group/)\n* Fancy Button 1: [fancytailwind.com/app/fancy-laboratory/molecules/buttons/button1](https://fancytailwind.com/app/fancy-laboratory/molecules/buttons/button1)\n* Fancy Button 1b: [fancytailwind.com/app/fancy-laboratory/molecules/buttons/button1b](https://fancytailwind.com/app/fancy-laboratory/molecules/buttons/button1b)\n* Fancy Button 1c: [fancytailwind.com/app/fancy-laboratory/molecules/buttons/button1c](https://fancytailwind.com/app/fancy-laboratory/molecules/buttons/button1c)\n* Fancy Button 2: [fancytailwind.com/app/fancy-laboratory/molecules/buttons/button2](https://fancytailwind.com/app/fancy-laboratory/molecules/buttons/button2)\n* Fancy Button 2b: [fancytailwind.com/app/fancy-laboratory/molecules/buttons/button2b](https://fancytailwind.com/app/fancy-laboratory/molecules/buttons/button2b)\n* Fancy Button 2c: [fancytailwind.com/app/fancy-laboratory/molecules/buttons/button2c](https://fancytailwind.com/app/fancy-laboratory/molecules/buttons/button2c)\n* Fancy Button 3: [fancytailwind.com/app/fancy-laboratory/molecules/buttons/button3](https://fancytailwind.com/app/fancy-laboratory/molecules/buttons/button3)\n* Fancy Button 3b: [fancytailwind.com/app/fancy-laboratory/molecules/buttons/button3b](https://fancytailwind.com/app/fancy-laboratory/molecules/buttons/button3b)\n* Fancy Button 3c: [fancytailwind.com/app/fancy-laboratory/molecules/buttons/button3c](https://fancytailwind.com/app/fancy-laboratory/molecules/buttons/button3c)\n* Fancy Button Effect 1: [fancytailwind.com/app/fancy-laboratory/atoms/buttoneffects/buttonEffect1](https://fancytailwind.com/app/fancy-laboratory/atoms/buttoneffects/buttonEffect1)\n* Fancy Button Effect 3: [fancytailwind.com/app/fancy-laboratory/atoms/buttoneffects/buttonEffect3](https://fancytailwind.com/app/fancy-laboratory/atoms/buttoneffects/buttonEffect3)\n* Fancy Button Effect 10: [fancytailwind.com/app/fancy-laboratory/atoms/buttoneffects/buttonEffect10](https://fancytailwind.com/app/fancy-laboratory/atoms/buttoneffects/buttonEffect10)\n* Fancy Button Effect 14: [fancytailwind.com/app/fancy-laboratory/atoms/buttoneffects/buttonEffect14](https://fancytailwind.com/app/fancy-laboratory/atoms/buttoneffects/buttonEffect14)\n* Fancy Button Effect 24: [fancytailwind.com/app/fancy-laboratory/atoms/buttons/button24](https://fancytailwind.com/app/fancy-laboratory/atoms/buttons/button24)\n* Fancy Button Effect 30: [fancytailwind.com/app/fancy-laboratory/atoms/buttoneffects/buttonEffect30](https://fancytailwind.com/app/fancy-laboratory/atoms/buttoneffects/buttonEffect30)\n* Fancy Button Effect 33: [fancytailwind.com/app/fancy-laboratory/atoms/buttoneffects/buttonEffect33](https://fancytailwind.com/app/fancy-laboratory/atoms/buttoneffects/buttonEffect33)\n* Fancy Button Group 1: [fancytailwind.com/app/fancy-laboratory/atoms/buttongroups/buttonGroup1](https://fancytailwind.com/app/fancy-laboratory/atoms/buttongroups/buttonGroup1)\n* Fancy Button Group 2: [fancytailwind.com/app/fancy-laboratory/atoms/buttongroups/buttonGroup2](https://fancytailwind.com/app/fancy-laboratory/atoms/buttongroups/buttonGroup2)\n* Fancy Button Social 1: [fancytailwind.com/app/fancy-laboratory/molecules/buttonsocials/buttonSocial1](https://fancytailwind.com/app/fancy-laboratory/molecules/buttonsocials/buttonSocial1)\n* Fancy Button Social 2: [fancytailwind.com/app/fancy-laboratory/molecules/buttonsocials/buttonSocial2](https://fancytailwind.com/app/fancy-laboratory/molecules/buttonsocials/buttonSocial2)\n* Fancy Button Social 3: [fancytailwind.com/app/fancy-laboratory/molecules/buttonsocials/buttonSocial3](https://fancytailwind.com/app/fancy-laboratory/molecules/buttonsocials/buttonSocial3)\n* Fancy Button Social 4: [fancytailwind.com/app/fancy-laboratory/molecules/buttonsocials/buttonSocial4](https://fancytailwind.com/app/fancy-laboratory/molecules/buttonsocials/buttonSocial4)\n* Buttons Default button, Buttons Button pills, Buttons Gradient monochrome, Buttons Gradient duotone, Buttons Gradient outline, Buttons Colored shadows, Buttons Social buttons, Buttons Payment buttons, Buttons Outline buttons, Buttons Button sizes, Buttons Button sizes with icon, Buttons Buttons with icon, Buttons Button with label, Buttons Icon buttons, Buttons Loader, Buttons Disabled: [flowbite.com/docs/components/buttons/](https://flowbite.com/docs/components/buttons/)\n* Button Group Default example, Button Group Button group as links, Button Group Group buttons with icons, Button Group Outline, Button Group Outlined with icon: [flowbite.com/docs/components/button-group/](https://flowbite.com/docs/components/button-group/)\n* Button Group #Text buttons, Button Group #Icon buttons, Button Group #Text button with icon secondary button, Button Group #Tab style text buttons, Button Group #Tab style text and icon buttons: [hyperui.dev/components/application-ui/button-groups](https://www.hyperui.dev/components/application-ui/button-groups)\n* Button #Base, solid and bordered, Button #Base with icon, solid and bordered, Button #Gradient border, rounded and pill, Button #Icon, solid and bordered, Button #Drop shadow, hide shadow and show shadow on hover, Button #Base with icon on hover, solid, bordered and icon left/right, Button #Base with shadow and expand on hover, solid and bordered, Button #Base with rotate and expand on hover, solid, outline and rotate left/right, Button #Artistic with offset background, background moves in and out on hover, Button #Highlighted border which expands on hover, left, right, bottom and left, Button #Large with emphasized icon, solid and bordered, Button #Reveal hidden static border on hover, solid and bordered: [hyperui.dev/components/marketing/buttons](https://www.hyperui.dev/components/marketing/buttons)\n* UI Buttons, Button Icon Rounded, Button Group: [zeroblack-c.github.io/jakarta-lte/pages/components/button.html](https://zeroblack-c.github.io/jakarta-lte/pages/components/button.html)\n* Button: [layoutsfortailwind.lalokalabs.dev/ui/button](https://layoutsfortailwind.lalokalabs.dev/ui/button)\n* Button: [mambaui.com/components/button](https://mambaui.com/components/button)\n* Buttons Basic: [mynaui.com/buttons/#basic](https://mynaui.com/buttons/#basic)\n* Buttons Basic Button Sizes: [mynaui.com/buttons/#basic\\_button\\_sizes](https://mynaui.com/buttons/#basic_button_sizes)\n* Buttons Primary: [mynaui.com/buttons/#primary](https://mynaui.com/buttons/#primary)\n* Buttons Prefix Icon: [mynaui.com/buttons/#prefix\\_icon](https://mynaui.com/buttons/#prefix_icon)\n* Buttons Suffix Icon: [mynaui.com/buttons/#suffix\\_icon](https://mynaui.com/buttons/#suffix_icon)\n* Button Group Basic: [mynaui.com/button-group/#basic](https://mynaui.com/button-group/#basic)\n* Button Group Dropdown Buttons: [mynaui.com/button-group/#dropdown-buttons](https://mynaui.com/button-group/#dropdown-buttons)\n* Button Group Split Button: [mynaui.com/button-group/#split-button](https://mynaui.com/button-group/#split-button)\n* Button Group With Border: [mynaui.com/button-group/#with-border](https://mynaui.com/button-group/#with-border)\n* Button Group With Icon: [mynaui.com/button-group/#with-icon](https://mynaui.com/button-group/#with-icon)\n* Spinner On Button: [mynaui.com/spinner/#on-button](https://mynaui.com/spinner/#on-button)\n* File With Button: [mynaui.com/file/#with-button](https://mynaui.com/file/#with-button)\n* Input Group With Button: [mynaui.com/input-group/#with-button](https://mynaui.com/input-group/#with-button)\n* Input Group With Icon Button: [mynaui.com/input-group/#with-icon-button](https://mynaui.com/input-group/#with-icon-button)\n* Search With Button: [mynaui.com/search/#with-button](https://mynaui.com/search/#with-button)\n* Header Only Buttons: [mynaui.com/header/#only-buttons](https://mynaui.com/header/#only-buttons)\n* Button Group: [postsrc.com/components/buttons/button-group](https://postsrc.com/components/buttons/button-group)\n* Gradient Button: [postsrc.com/components/buttons/gradient-button](https://postsrc.com/components/buttons/gradient-button)\n* Button Size Variant: [postsrc.com/components/buttons/button-size-variant](https://postsrc.com/components/buttons/button-size-variant)\n* Button with Icon: [postsrc.com/components/buttons/button-with-icon](https://postsrc.com/components/buttons/button-with-icon)\n* Rounded Icon Buttons: [postsrc.com/components/buttons/rounded-icon-buttons](https://postsrc.com/components/buttons/rounded-icon-buttons)\n* Dropdown Button: [postsrc.com/components/buttons/dropdown-button](https://postsrc.com/components/buttons/dropdown-button)\n* Default Button: [postsrc.com/components/buttons/default-button](https://postsrc.com/components/buttons/default-button)\n* Outline Button: [postsrc.com/components/buttons/outline-button](https://postsrc.com/components/buttons/outline-button)\n* Pill Buttons: [postsrc.com/components/buttons/pill-buttons](https://postsrc.com/components/buttons/pill-buttons)\n* Buttons with Shadows: [postsrc.com/components/buttons/buttons-with-shadows](https://postsrc.com/components/buttons/buttons-with-shadows)\n* Buttons Types, Buttons Sizes, Buttons Color variants, Buttons Solid color variants, Buttons Outline color variants, Buttons Ghost color variants, Buttons Soft color variants, Buttons White color variants, Buttons Link color variants, Buttons Shape, Buttons Pilled Button, Buttons Block Button, Buttons Icon, Buttons Loading, Buttons Disabled, Buttons Active, Buttons Button examples: [preline.co/docs/buttons.html](https://preline.co/docs/buttons.html)\n* Button Group Basic usage, Button Group Example, Button Group Sizes, Button Group Button group break, Button Group Vertical, Button Group Toolbar: [preline.co/docs/button-group.html](https://preline.co/docs/button-group.html)\n* Split Button: [sailboatui.com/docs/components/button-group/#split-button](https://sailboatui.com/docs/components/button-group/#split-button)\n* With button: [sailboatui.com/docs/components/divider/#with-button](https://sailboatui.com/docs/components/divider/#with-button)\n* Splitted button: [sailboatui.com/docs/components/dropdown/#splitted-button](https://sailboatui.com/docs/components/dropdown/#splitted-button)\n* With inline button: [sailboatui.com/docs/forms/input/#with-inline-button](https://sailboatui.com/docs/forms/input/#with-inline-button)\n* Button Group Style 1, Button Group Style 4, Button Group Style 2, Button Group Style 6, Button Group Style 3, Button Group Style 5: [tailgrids.com/components/button-group](https://tailgrids.com/components/button-group)\n* Primary Square Button, Secondary Square Button, Dark Square Button, Secondary Full Rounded Button, Dark Full Rounded Button, Primary Semi Rounded Button, Secondary Semi Rounded Button, Dark Outline Button, Dark Semi Rounded Button, Primary Full Rounded Button, Primary Outline Button, Secondary Outline Button, Secondary Square Button With Icon, Primary Semi Rounded Button With Icon, Secondary Semi Rounded Button With Icon, Dark Semi Rounded Button With Icon, Primary Semi Rounded Outline Button With Icon, White Square Button With Icon, White Semi Rounded Button With Icon, Dark Full Rounded Button With Icon, Primary Square Outline Button With Icon, Primary Full Rounded Outline Button With Icon, White Square Outline Button With Icon, Primary Square Button With Icon, Primary Full Rounded Button With Icon, Secondary Full Rounded Button With Icon, White Full Rounded Button With Icon, White Semi Rounded Outline Button With Icon, White Full Rounded Outline Button With Icon, White Full Rounded Button, Dark Square Button With Icon, White Square Button, White Semi Rounded Button: [tailgrids.com/components/buttons](https://tailgrids.com/components/buttons)\n* Dropdown Button Style 2, Dropdown Button Style 3, Dropdown Button Style 1, Dropdown Button Style 4: [tailgrids.com/components/dropdown-buttons](https://tailgrids.com/components/dropdown-buttons)\n* Buttons Outline Buttons, Buttons Solid Buttons, Buttons Buttons Styles, Buttons Button Bordered, Buttons Button Groups, Buttons Miscellaneous: [tailwindadmin.netlify.app/buttons.html](https://tailwindadmin.netlify.app/buttons.html)\n* Tailwind CSS Blog sharing buttons with blog details: [tailwindcomponents.com/component/blog-sharing-buttons-with-blog-details-tailwindcss-design](https://tailwindcomponents.com/component/blog-sharing-buttons-with-blog-details-tailwindcss-design)\n* Tailwind CSS Fancy Button: [tailwindcomponents.com/component/button-11](https://tailwindcomponents.com/component/button-11)\n* Tailwind CSS Button hover border animation: [tailwindcomponents.com/component/button-hover-border-animation](https://tailwindcomponents.com/component/button-hover-border-animation)\n* Tailwind CSS Outline Buttons with Transition: [tailwindcomponents.com/component/outline-buttons-with-transition](https://tailwindcomponents.com/component/outline-buttons-with-transition)\n* Tailwind CSS Button animate hover: [tailwindcomponents.com/component/button-animate-hover](https://tailwindcomponents.com/component/button-animate-hover)\n* Custom Buttons with Variants - Horizon UI Tailwind: [tailwindcomponents.com/component/custom-buttons-with-variations-horizon-ui-tailwind](https://tailwindcomponents.com/component/custom-buttons-with-variations-horizon-ui-tailwind)\n* Hover button scale effect: [tailwindcomponents.com/component/hover-button-scale-effect](https://tailwindcomponents.com/component/hover-button-scale-effect)\n* Tailwind CSS Floating Button: [tailwindcomponents.com/component/floating-button](https://tailwindcomponents.com/component/floating-button)\n* Simple Button: [tailwindcomponents.com/component/simple-button-1](https://tailwindcomponents.com/component/simple-button-1)\n* Tailwind CSS Button Blue: [tailwindcomponents.com/component/button-10](https://tailwindcomponents.com/component/button-10)\n* Tailwind CSS Button Pink - Only Icon: [tailwindcomponents.com/component/tailwind-css-button-pink-2](https://tailwindcomponents.com/component/tailwind-css-button-pink-2)\n* Tailwind CSS Button Indigo - Only Icon: [tailwindcomponents.com/component/tailwind-css-button-indigo-1](https://tailwindcomponents.com/component/tailwind-css-button-indigo-1)\n* Tailwind CSS Button Teal - Only Icon: [tailwindcomponents.com/component/tailwind-css-button-teal-1](https://tailwindcomponents.com/component/tailwind-css-button-teal-1)\n* Tailwind CSS Button Emerald - Only Icon: [tailwindcomponents.com/component/tailwind-css-button-emerald-1](https://tailwindcomponents.com/component/tailwind-css-button-emerald-1)\n* Tailwind CSS Button Purple - Only Icon: [tailwindcomponents.com/component/tailwind-css-button-purple-1](https://tailwindcomponents.com/component/tailwind-css-button-purple-1)\n* Tailwind CSS Button Red - Only Icon: [tailwindcomponents.com/component/tailwind-css-button-red-1](https://tailwindcomponents.com/component/tailwind-css-button-red-1)\n* Tailwind CSS Button Pink - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-pink-1](https://tailwindcomponents.com/component/tailwind-css-button-pink-1)\n* Tailwind CSS Button Purple  - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-purple](https://tailwindcomponents.com/component/tailwind-css-button-purple)\n* Tailwind CSS Button Amber - Only Icon: [tailwindcomponents.com/component/tailwind-css-button-amber-1](https://tailwindcomponents.com/component/tailwind-css-button-amber-1)\n* Tailwind CSS Button Orange - Only Icon: [tailwindcomponents.com/component/tailwind-css-button-orange-1](https://tailwindcomponents.com/component/tailwind-css-button-orange-1)\n* Tailwind CSS Button Orange - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-orange](https://tailwindcomponents.com/component/tailwind-css-button-orange)\n* Tailwind CSS Button Emerald - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-emerald](https://tailwindcomponents.com/component/tailwind-css-button-emerald)\n* Tailwind CSS Button Indigo  - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-indigo](https://tailwindcomponents.com/component/tailwind-css-button-indigo)\n* Tailwind CSS Button Teal - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-teal](https://tailwindcomponents.com/component/tailwind-css-button-teal)\n* Tailwind CSS Button Amber - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-amber](https://tailwindcomponents.com/component/tailwind-css-button-amber)\n* Tailwind CSS Button Indigo - Just Text: [tailwindcomponents.com/component/tailwind-css-button-indigo-just-icon-2](https://tailwindcomponents.com/component/tailwind-css-button-indigo-just-icon-2)\n* Tailwind CSS Button Purple - Just Text: [tailwindcomponents.com/component/tailwind-css-button-purple-just-icon-3](https://tailwindcomponents.com/component/tailwind-css-button-purple-just-icon-3)\n* Tailwind CSS Button Red - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-red](https://tailwindcomponents.com/component/tailwind-css-button-red)\n* Tailwind CSS Button Teal - Just Text: [tailwindcomponents.com/component/tailwind-css-button-teal-just-icon-3](https://tailwindcomponents.com/component/tailwind-css-button-teal-just-icon-3)\n* Tailwind CSS Button Pink: [tailwindcomponents.com/component/tailwind-css-button-pink](https://tailwindcomponents.com/component/tailwind-css-button-pink)\n* Tailwind CSS Button Red - Just Text: [tailwindcomponents.com/component/tailwind-css-button-red-just-icon-2](https://tailwindcomponents.com/component/tailwind-css-button-red-just-icon-2)\n* Tailwind CSS Button Emerald - Just Text: [tailwindcomponents.com/component/tailwind-css-button-emerald-just-icon-3](https://tailwindcomponents.com/component/tailwind-css-button-emerald-just-icon-3)\n* Tailwind CSS Button Amber - Just Text: [tailwindcomponents.com/component/tailwind-css-button-amber-just-icon-3](https://tailwindcomponents.com/component/tailwind-css-button-amber-just-icon-3)\n* Tailwind CSS Button Orange - Just Text: [tailwindcomponents.com/component/tailwind-css-button-orange-just-icon-2](https://tailwindcomponents.com/component/tailwind-css-button-orange-just-icon-2)\n* Tailwind CSS Button Pink - Large Icon: [tailwindcomponents.com/component/tailwind-css-button-pink-large-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-pink-large-icon-and-text)\n* Tailwind CSS Button Indigo - Large Icon: [tailwindcomponents.com/component/tailwind-css-button-indigo-large-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-indigo-large-icon-and-text)\n* Tailwind CSS Button Purple - Large Icon: [tailwindcomponents.com/component/tailwind-css-button-purple-large-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-purple-large-icon-and-text)\n* Tailwind CSS Button Amber - Large Icon: [tailwindcomponents.com/component/tailwind-css-button-amber-large-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-amber-large-icon-and-text)\n* Tailwind CSS Button Teal - Large Icon: [tailwindcomponents.com/component/tailwind-css-button-teal-large-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-teal-large-icon-and-text)\n* Tailwind CSS Button Emerald - Large Icon: [tailwindcomponents.com/component/tailwind-css-button-emerald-large-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-emerald-large-icon-and-text)\n* Tailwind CSS Button Red - Large Icon: [tailwindcomponents.com/component/tailwind-css-button-red-large-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-red-large-icon-and-text)\n* Tailwind CSS Button Orange - Large Icon: [tailwindcomponents.com/component/tailwind-css-button-orange-large-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-orange-large-icon-and-text)\n* Tailwind CSS Button Pink - Large with text: [tailwindcomponents.com/component/tailwind-css-button-pink-large-with-text](https://tailwindcomponents.com/component/tailwind-css-button-pink-large-with-text)\n* Tailwind CSS Button Indigo - Large with text: [tailwindcomponents.com/component/tailwind-css-button-indigo-large-with-text](https://tailwindcomponents.com/component/tailwind-css-button-indigo-large-with-text)\n* Tailwind CSS Button Purple - Large with text: [tailwindcomponents.com/component/tailwind-css-button-purple-large-with-text](https://tailwindcomponents.com/component/tailwind-css-button-purple-large-with-text)\n* Tailwind CSS Button Red - Icon and text: [tailwindcomponents.com/component/tailwind-css-button-red-just-icon-1](https://tailwindcomponents.com/component/tailwind-css-button-red-just-icon-1)\n* Tailwind CSS Button Emerald - Large with text: [tailwindcomponents.com/component/tailwind-css-button-emerald-large-with-text](https://tailwindcomponents.com/component/tailwind-css-button-emerald-large-with-text)\n* Tailwind CSS Button Amber - Large with text: [tailwindcomponents.com/component/tailwind-css-button-amber-large-with-text](https://tailwindcomponents.com/component/tailwind-css-button-amber-large-with-text)\n* Tailwind CSS Button Teal - Large with text: [tailwindcomponents.com/component/tailwind-css-button-teal-large-with-text](https://tailwindcomponents.com/component/tailwind-css-button-teal-large-with-text)\n* Tailwind CSS Button Orange - Large with text: [tailwindcomponents.com/component/tailwind-css-button-orange-large-with-text](https://tailwindcomponents.com/component/tailwind-css-button-orange-large-with-text)\n* Tailwind CSS Button Emerald - Just text: [tailwindcomponents.com/component/tailwind-css-button-emerald-just-icon-2](https://tailwindcomponents.com/component/tailwind-css-button-emerald-just-icon-2)\n* Tailwind CSS Button Teal - Just text: [tailwindcomponents.com/component/tailwind-css-button-teal-just-icon-2](https://tailwindcomponents.com/component/tailwind-css-button-teal-just-icon-2)\n* Tailwind CSS Button Pink - Just text: [tailwindcomponents.com/component/tailwind-css-button-pink-just-icon-2](https://tailwindcomponents.com/component/tailwind-css-button-pink-just-icon-2)\n* Tailwind CSS Button Purple - Just text: [tailwindcomponents.com/component/tailwind-css-button-purple-just-icon-2](https://tailwindcomponents.com/component/tailwind-css-button-purple-just-icon-2)\n* Tailwind CSS Button Indigo - Just text: [tailwindcomponents.com/component/tailwind-css-button-indigo-just-icon-1](https://tailwindcomponents.com/component/tailwind-css-button-indigo-just-icon-1)\n* Tailwind CSS Button Red - Regular Text: [tailwindcomponents.com/component/tailwind-css-button-red-regular-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-red-regular-icon-and-text)\n* Tailwind CSS Button Amber - Just text: [tailwindcomponents.com/component/tailwind-css-button-amber-just-icon-2](https://tailwindcomponents.com/component/tailwind-css-button-amber-just-icon-2)\n* Tailwind CSS Button Orange - Regular Text: [tailwindcomponents.com/component/tailwind-css-button-orange-regular-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-orange-regular-icon-and-text)\n* Tailwind CSS Button Pink - Icon: [tailwindcomponents.com/component/tailwind-css-button-pink-regular-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-pink-regular-icon-and-text)\n* Tailwind CSS Button Purple - Icon: [tailwindcomponents.com/component/tailwind-css-button-purple-regular-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-purple-regular-icon-and-text)\n* Tailwind CSS Button Teal - Regular with icon: [tailwindcomponents.com/component/tailwind-css-button-teal-regular-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-teal-regular-icon-and-text)\n* Tailwind CSS Button Orange - Regular with icon: [tailwindcomponents.com/component/tailwind-css-button-orange-regular-with-text](https://tailwindcomponents.com/component/tailwind-css-button-orange-regular-with-text)\n* Tailwind CSS Button Amber - Regular with icon: [tailwindcomponents.com/component/tailwind-css-button-amber-regular-with-text](https://tailwindcomponents.com/component/tailwind-css-button-amber-regular-with-text)\n* Tailwind CSS Button Emerald - Regular with icon: [tailwindcomponents.com/component/tailwind-css-button-emerald-regular-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-emerald-regular-icon-and-text)\n* Tailwind CSS Button Indigo - Regular Icon: [tailwindcomponents.com/component/tailwind-css-button-indigo-regular-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-indigo-regular-icon-and-text)\n* Tailwind CSS Button Red - Regular with icon: [tailwindcomponents.com/component/tailwind-css-button-red-regular-with-text](https://tailwindcomponents.com/component/tailwind-css-button-red-regular-with-text)\n* Tailwind CSS Button Pink - Regular with text: [tailwindcomponents.com/component/tailwind-css-button-pink-regular-with-text](https://tailwindcomponents.com/component/tailwind-css-button-pink-regular-with-text)\n* Tailwind CSS Button Teal - Regular with text: [tailwindcomponents.com/component/tailwind-css-button-teal-regular-with-text](https://tailwindcomponents.com/component/tailwind-css-button-teal-regular-with-text)\n* Tailwind CSS Button Purple - Regular with text: [tailwindcomponents.com/component/tailwind-css-button-purple-regular-with-text](https://tailwindcomponents.com/component/tailwind-css-button-purple-regular-with-text)\n* Tailwind CSS Button Indigo - Regular with text: [tailwindcomponents.com/component/tailwind-css-button-indigo-regular-with-text](https://tailwindcomponents.com/component/tailwind-css-button-indigo-regular-with-text)\n* Tailwind CSS Button Pink - Small Text: [tailwindcomponents.com/component/tailwind-css-button-pink-small-icon](https://tailwindcomponents.com/component/tailwind-css-button-pink-small-icon)\n* Tailwind CSS Button Emerald - Small Icon: [tailwindcomponents.com/component/tailwind-css-button-emerald-small-icon](https://tailwindcomponents.com/component/tailwind-css-button-emerald-small-icon)\n* Tailwind CSS Button Orange - Small Icon: [tailwindcomponents.com/component/tailwind-css-button-orange-small-icon](https://tailwindcomponents.com/component/tailwind-css-button-orange-small-icon)\n* Tailwind CSS Button Red - Small Icon: [tailwindcomponents.com/component/tailwind-css-button-red-small-icon](https://tailwindcomponents.com/component/tailwind-css-button-red-small-icon)\n* Tailwind CSS Button Amber - Small Icon: [tailwindcomponents.com/component/tailwind-css-button-amber-small-icon](https://tailwindcomponents.com/component/tailwind-css-button-amber-small-icon)\n* Tailwind CSS Button Teal - Small Text: [tailwindcomponents.com/component/tailwind-css-button-teal-small-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-teal-small-icon-and-text)\n* Tailwind CSS Button Indigo - Small Text: [tailwindcomponents.com/component/tailwind-css-button-indigo-small-icon](https://tailwindcomponents.com/component/tailwind-css-button-indigo-small-icon)\n* Tailwind CSS Button Purple - Small Text: [tailwindcomponents.com/component/tailwind-css-button-purple-small-icon](https://tailwindcomponents.com/component/tailwind-css-button-purple-small-icon)\n* Tailwind CSS Button Amber - Small Text: [tailwindcomponents.com/component/tailwind-css-button-amber-small-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-amber-small-icon-and-text)\n* Tailwind CSS Button Emerald - Small Text: [tailwindcomponents.com/component/tailwind-css-button-emerald-small-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-emerald-small-icon-and-text)\n* Tailwind CSS Button Red - Small Text: [tailwindcomponents.com/component/tailwind-css-button-red-small-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-red-small-icon-and-text)\n* Tailwind CSS Button Indigo - Small Icon: [tailwindcomponents.com/component/tailwind-css-button-indigo-small-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-indigo-small-icon-and-text)\n* Tailwind CSS Button Orange - Small Text: [tailwindcomponents.com/component/tailwind-css-button-orange-small-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-orange-small-icon-and-text)\n* Tailwind CSS Button Purple - Small Icon: [tailwindcomponents.com/component/tailwind-css-button-purple-small-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-purple-small-icon-and-text)\n* Tailwind CSS Button Pink - Small Icon: [tailwindcomponents.com/component/tailwind-css-button-pink-small-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-pink-small-icon-and-text)\n* Tailwind CSS Button Amber - Small with icon: [tailwindcomponents.com/component/tailwind-css-button-amber-small-with-text](https://tailwindcomponents.com/component/tailwind-css-button-amber-small-with-text)\n* Tailwind CSS Button Red - Small with icon: [tailwindcomponents.com/component/tailwind-css-button-red-small-with-text](https://tailwindcomponents.com/component/tailwind-css-button-red-small-with-text)\n* Tailwind CSS Button Emerald - Small with icon: [tailwindcomponents.com/component/tailwind-css-button-emerald-small-with-text](https://tailwindcomponents.com/component/tailwind-css-button-emerald-small-with-text)\n* Tailwind CSS Button Teal - Small with icon: [tailwindcomponents.com/component/tailwind-css-button-teal-small-with-text](https://tailwindcomponents.com/component/tailwind-css-button-teal-small-with-text)\n* Tailwind CSS Button Orange - Small with icon: [tailwindcomponents.com/component/tailwind-css-button-orange-small-with-text](https://tailwindcomponents.com/component/tailwind-css-button-orange-small-with-text)\n* Tailwind CSS Button Teal - Round with icons: [tailwindcomponents.com/component/tailwind-css-button-teal-round-with-icons-1](https://tailwindcomponents.com/component/tailwind-css-button-teal-round-with-icons-1)\n* Tailwind CSS Button Indigo - Round with icons and text: [tailwindcomponents.com/component/tailwind-css-button-indigo-round-with-icons-1](https://tailwindcomponents.com/component/tailwind-css-button-indigo-round-with-icons-1)\n* Tailwind CSS Button Purple - Small with text and icon: [tailwindcomponents.com/component/tailwind-css-button-purple-small-with-text](https://tailwindcomponents.com/component/tailwind-css-button-purple-small-with-text)\n* Tailwind CSS Button Emerald - Round with icons: [tailwindcomponents.com/component/tailwind-css-button-emerald-round-with-icons](https://tailwindcomponents.com/component/tailwind-css-button-emerald-round-with-icons)\n* Tailwind CSS Button Pink - Small with text and icon: [tailwindcomponents.com/component/tailwind-css-button-pink-small-with-text](https://tailwindcomponents.com/component/tailwind-css-button-pink-small-with-text)\n* Tailwind CSS Button Pink - Round with text: [tailwindcomponents.com/component/tailwind-css-button-pink-round-with-icons-1](https://tailwindcomponents.com/component/tailwind-css-button-pink-round-with-icons-1)\n* Tailwind CSS Button Amber - Round with icons: [tailwindcomponents.com/component/tailwind-css-button-amber-round-with-icons-1](https://tailwindcomponents.com/component/tailwind-css-button-amber-round-with-icons-1)\n* Tailwind CSS Button Purple - Round with text: [tailwindcomponents.com/component/tailwind-css-button-purple-round-with-icon-and-text-1](https://tailwindcomponents.com/component/tailwind-css-button-purple-round-with-icon-and-text-1)\n* Tailwind CSS Button Red - Round with icons: [tailwindcomponents.com/component/tailwind-css-button-red-round-with-icons-1](https://tailwindcomponents.com/component/tailwind-css-button-red-round-with-icons-1)\n* Tailwind CSS Button Orange - Round with icons: [tailwindcomponents.com/component/tailwind-css-button-orange-round-with-icons-1](https://tailwindcomponents.com/component/tailwind-css-button-orange-round-with-icons-1)\n* Tailwind CSS Button Orange - Round with text: [tailwindcomponents.com/component/tailwind-css-button-orange-round-with-icon-and-text-1](https://tailwindcomponents.com/component/tailwind-css-button-orange-round-with-icon-and-text-1)\n* Tailwind CSS Button Emerald - Round with text: [tailwindcomponents.com/component/tailwind-css-button-emerald-round-with-icon-and-text-1](https://tailwindcomponents.com/component/tailwind-css-button-emerald-round-with-icon-and-text-1)\n* Tailwind CSS Button Teal - Round with text: [tailwindcomponents.com/component/tailwind-css-button-teal-round-with-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-teal-round-with-icon-and-text)\n* Tailwind CSS Button Indigo - Round with text: [tailwindcomponents.com/component/tailwind-css-button-indigo-round-with-icon-and-text-1](https://tailwindcomponents.com/component/tailwind-css-button-indigo-round-with-icon-and-text-1)\n* Tailwind CSS Button Amber - Round with text: [tailwindcomponents.com/component/tailwind-css-button-amber-round-with-icon-and-text-1](https://tailwindcomponents.com/component/tailwind-css-button-amber-round-with-icon-and-text-1)\n* Tailwind CSS Button Pink - Round with icon: [tailwindcomponents.com/component/tailwind-css-button-pink-round-with-text-1](https://tailwindcomponents.com/component/tailwind-css-button-pink-round-with-text-1)\n* Tailwind CSS Button Indigo - Round with icon: [tailwindcomponents.com/component/tailwind-css-button-indigo-round-with-text-1](https://tailwindcomponents.com/component/tailwind-css-button-indigo-round-with-text-1)\n* Tailwind CSS Button Red - Round with text: [tailwindcomponents.com/component/tailwind-css-button-red-round-with-icon-and-text-1](https://tailwindcomponents.com/component/tailwind-css-button-red-round-with-icon-and-text-1)\n* Tailwind CSS Button Purple - Round with icon: [tailwindcomponents.com/component/tailwind-css-button-purple-round-with-text-1](https://tailwindcomponents.com/component/tailwind-css-button-purple-round-with-text-1)\n* Tailwind CSS Button Teal - Round with icon: [tailwindcomponents.com/component/tailwind-css-button-teal-round-with-text-1](https://tailwindcomponents.com/component/tailwind-css-button-teal-round-with-text-1)\n* Tailwind CSS Button Amber -  Just icon: [tailwindcomponents.com/component/tailwind-css-button-amber-round-with-text-1](https://tailwindcomponents.com/component/tailwind-css-button-amber-round-with-text-1)\n* Tailwind CSS Button Emerald - Just icon: [tailwindcomponents.com/component/tailwind-css-button-emerald-round-with-text-1](https://tailwindcomponents.com/component/tailwind-css-button-emerald-round-with-text-1)\n* Tailwind CSS Button Orange - Just icon: [tailwindcomponents.com/component/tailwind-css-button-orange-round-with-text-1](https://tailwindcomponents.com/component/tailwind-css-button-orange-round-with-text-1)\n* Tailwind CSS Button Red - Just icon: [tailwindcomponents.com/component/tailwind-css-button-red-round-with-text-1](https://tailwindcomponents.com/component/tailwind-css-button-red-round-with-text-1)\n* Tailwind CSS Button Pink - Icon and text: [tailwindcomponents.com/component/tailwind-css-button-pink-just-icon-1](https://tailwindcomponents.com/component/tailwind-css-button-pink-just-icon-1)\n* Tailwind CSS Button Indigo - Icon and text: [tailwindcomponents.com/component/tailwind-css-button-indigo-just-icon](https://tailwindcomponents.com/component/tailwind-css-button-indigo-just-icon)\n* Tailwind CSS Button Emerald - Icon and text: [tailwindcomponents.com/component/tailwind-css-button-emerald-just-icon-1](https://tailwindcomponents.com/component/tailwind-css-button-emerald-just-icon-1)\n* Tailwind CSS Button Purple - Icon and text: [tailwindcomponents.com/component/tailwind-css-button-purple-just-icon-1](https://tailwindcomponents.com/component/tailwind-css-button-purple-just-icon-1)\n* Tailwind CSS Button Teal - Icon and text: [tailwindcomponents.com/component/tailwind-css-button-teal-just-icon-1](https://tailwindcomponents.com/component/tailwind-css-button-teal-just-icon-1)\n* Tailwind CSS Button Amber - Icon and text: [tailwindcomponents.com/component/tailwind-css-button-amber-just-icon-1](https://tailwindcomponents.com/component/tailwind-css-button-amber-just-icon-1)\n* Tailwind CSS Button Orange - Icon and text: [tailwindcomponents.com/component/tailwind-css-button-orange-just-icon-1](https://tailwindcomponents.com/component/tailwind-css-button-orange-just-icon-1)\n* Tailwind CSS Button Red - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-red-icon-and-text-1](https://tailwindcomponents.com/component/tailwind-css-button-red-icon-and-text-1)\n* Tailwind CSS Button Pink - Text: [tailwindcomponents.com/component/tailwind-css-button-pink-icon-and-text-1](https://tailwindcomponents.com/component/tailwind-css-button-pink-icon-and-text-1)\n* Tailwind CSS Button Indigo - Text: [tailwindcomponents.com/component/tailwind-css-button-indigo-icon-and-text-1](https://tailwindcomponents.com/component/tailwind-css-button-indigo-icon-and-text-1)\n* Tailwind CSS Button Purple - Text: [tailwindcomponents.com/component/tailwind-css-button-purple-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-purple-icon-and-text)\n* Tailwind CSS Button Red - Only Text: [tailwindcomponents.com/component/tailwind-css-button-red-only-text-1](https://tailwindcomponents.com/component/tailwind-css-button-red-only-text-1)\n* Tailwind CSS Button Emerald - Text: [tailwindcomponents.com/component/tailwind-css-button-emerald-icon-and-text-1](https://tailwindcomponents.com/component/tailwind-css-button-emerald-icon-and-text-1)\n* Tailwind CSS Button Amber - Text: [tailwindcomponents.com/component/tailwind-css-button-amber-icon-and-text-1](https://tailwindcomponents.com/component/tailwind-css-button-amber-icon-and-text-1)\n* Tailwind CSS Button Teal - Text: [tailwindcomponents.com/component/tailwind-css-button-teal-icon-and-text-1](https://tailwindcomponents.com/component/tailwind-css-button-teal-icon-and-text-1)\n* Tailwind CSS Button Orange - Text: [tailwindcomponents.com/component/tailwind-css-button-orange-only-text-1](https://tailwindcomponents.com/component/tailwind-css-button-orange-only-text-1)\n* Tailwind CSS Button Teal - Only Icon: [tailwindcomponents.com/component/tailwind-css-button-teal-only-text-1](https://tailwindcomponents.com/component/tailwind-css-button-teal-only-text-1)\n* Tailwind CSS Button Pink - Only Icon: [tailwindcomponents.com/component/tailwind-css-button-pink-only-text](https://tailwindcomponents.com/component/tailwind-css-button-pink-only-text)\n* Tailwind CSS Button Indigo - Only Icon: [tailwindcomponents.com/component/tailwind-css-button-indigo-only-text-1](https://tailwindcomponents.com/component/tailwind-css-button-indigo-only-text-1)\n* Tailwind CSS Button Emerald - Only Icon: [tailwindcomponents.com/component/tailwind-css-button-emerald-only-text-1](https://tailwindcomponents.com/component/tailwind-css-button-emerald-only-text-1)\n* Tailwind CSS Button Purple - Only Icon: [tailwindcomponents.com/component/tailwind-css-button-purple-only-text-1](https://tailwindcomponents.com/component/tailwind-css-button-purple-only-text-1)\n* Tailwind CSS Button Orange - Round with icons: [tailwindcomponents.com/component/tailwind-css-button-orange-round-with-icons](https://tailwindcomponents.com/component/tailwind-css-button-orange-round-with-icons)\n* Tailwind CSS Button Red - Round with icons: [tailwindcomponents.com/component/tailwind-css-button-red-round-with-icons](https://tailwindcomponents.com/component/tailwind-css-button-red-round-with-icons)\n* Tailwind CSS Button Amber - Round with icons: [tailwindcomponents.com/component/tailwind-css-button-amber-round-with-icons](https://tailwindcomponents.com/component/tailwind-css-button-amber-round-with-icons)\n* Tailwind CSS Button Purple - Round with icons and text: [tailwindcomponents.com/component/tailwind-css-button-purple-round-with-icons](https://tailwindcomponents.com/component/tailwind-css-button-purple-round-with-icons)\n* Tailwind CSS Button Pink - Round with icons and text: [tailwindcomponents.com/component/tailwind-css-button-pink-round-with-icons](https://tailwindcomponents.com/component/tailwind-css-button-pink-round-with-icons)\n* Tailwind CSS Button Teal - Round with icons and text: [tailwindcomponents.com/component/tailwind-css-button-teal-round-with-icons](https://tailwindcomponents.com/component/tailwind-css-button-teal-round-with-icons)\n* Tailwind CSS Button Emerald - Round with icon and text: [tailwindcomponents.com/component/tailwind-css-button-emerald-round-with-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-emerald-round-with-icon-and-text)\n* Tailwind CSS Button Indigo - Round with icons and text: [tailwindcomponents.com/component/tailwind-css-button-indigo-round-with-icons](https://tailwindcomponents.com/component/tailwind-css-button-indigo-round-with-icons)\n* Tailwind CSS Button Amber - Round with icon and text: [tailwindcomponents.com/component/tailwind-css-button-amber-round-with-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-amber-round-with-icon-and-text)\n* Tailwind CSS Button Orange - Round with icon and text: [tailwindcomponents.com/component/tailwind-css-button-orange-round-with-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-orange-round-with-icon-and-text)\n* Tailwind CSS Button Teal - Round with text: [tailwindcomponents.com/component/tailwind-css-button-teal-round-with-text](https://tailwindcomponents.com/component/tailwind-css-button-teal-round-with-text)\n* Tailwind CSS Button Red - Round with icon and text: [tailwindcomponents.com/component/tailwind-css-button-red-round-with-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-red-round-with-icon-and-text)\n* Tailwind CSS Button Purple - Round with text: [tailwindcomponents.com/component/tailwind-css-button-purple-round-with-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-purple-round-with-icon-and-text)\n* Tailwind CSS Button Indigo - Round with text: [tailwindcomponents.com/component/tailwind-css-button-indigo-round-with-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-indigo-round-with-icon-and-text)\n* Tailwind CSS Button Pink - Round with text: [tailwindcomponents.com/component/tailwind-css-button-pink-round-with-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-pink-round-with-icon-and-text)\n* Tailwind CSS Button Orange - Round with text: [tailwindcomponents.com/component/tailwind-css-button-orange-round-with-text](https://tailwindcomponents.com/component/tailwind-css-button-orange-round-with-text)\n* Tailwind CSS Button Pink - Squared with icon: [tailwindcomponents.com/component/tailwind-css-button-pink-round-with-text](https://tailwindcomponents.com/component/tailwind-css-button-pink-round-with-text)\n* Tailwind CSS Button Emerald - Round with text: [tailwindcomponents.com/component/tailwind-css-button-emerald-round-with-text](https://tailwindcomponents.com/component/tailwind-css-button-emerald-round-with-text)\n* Tailwind CSS Button Amber - Round with text: [tailwindcomponents.com/component/tailwind-css-button-amber-round-with-text](https://tailwindcomponents.com/component/tailwind-css-button-amber-round-with-text)\n* Tailwind CSS Button Red - Round with text: [tailwindcomponents.com/component/tailwind-css-button-red-round-with-text](https://tailwindcomponents.com/component/tailwind-css-button-red-round-with-text)\n* Tailwind CSS Button Indigo - Squared with icon: [tailwindcomponents.com/component/tailwind-css-button-indigo-round-with-text](https://tailwindcomponents.com/component/tailwind-css-button-indigo-round-with-text)\n* Tailwind CSS Button Purple - Squared with icon: [tailwindcomponents.com/component/tailwind-css-button-purple-round-with-text](https://tailwindcomponents.com/component/tailwind-css-button-purple-round-with-text)\n* Tailwind CSS Button Teal - Squared with icon: [tailwindcomponents.com/component/tailwind-css-button-teal-just-icon](https://tailwindcomponents.com/component/tailwind-css-button-teal-just-icon)\n* Tailwind CSS Button Emerald - Just Icon: [tailwindcomponents.com/component/tailwind-css-button-emerald-just-icon](https://tailwindcomponents.com/component/tailwind-css-button-emerald-just-icon)\n* Tailwind CSS Button Amber - Just Icon: [tailwindcomponents.com/component/tailwind-css-button-amber-just-icon](https://tailwindcomponents.com/component/tailwind-css-button-amber-just-icon)\n* Tailwind CSS Button Red - Just Icon: [tailwindcomponents.com/component/tailwind-css-button-red-just-icon](https://tailwindcomponents.com/component/tailwind-css-button-red-just-icon)\n* Tailwind CSS Button Indigo - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-indigo-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-indigo-icon-and-text)\n* Tailwind CSS Button Orange - Just Icon: [tailwindcomponents.com/component/tailwind-css-button-orange-just-icon](https://tailwindcomponents.com/component/tailwind-css-button-orange-just-icon)\n* Tailwind CSS Button Purple - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-purple-just-icon](https://tailwindcomponents.com/component/tailwind-css-button-purple-just-icon)\n* Tailwind CSS Button Pink - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-pink-just-icon](https://tailwindcomponents.com/component/tailwind-css-button-pink-just-icon)\n* Tailwind CSS Button Teal - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-teal-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-teal-icon-and-text)\n* Tailwind CSS Button Red - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-red-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-red-icon-and-text)\n* Tailwind CSS Button Emerald - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-emerald-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-emerald-icon-and-text)\n* Tailwind CSS Button Amber - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-amber-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-amber-icon-and-text)\n* Tailwind CSS Button Orange - Icon and Text: [tailwindcomponents.com/component/tailwind-css-button-orange-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-orange-icon-and-text)\n* Tailwind CSS Button Purple - Only Text: [tailwindcomponents.com/component/tailwind-css-button-purple-only-text](https://tailwindcomponents.com/component/tailwind-css-button-purple-only-text)\n* Tailwind CSS Button Indigo - Only Text: [tailwindcomponents.com/component/tailwind-css-button-indigo-only-text](https://tailwindcomponents.com/component/tailwind-css-button-indigo-only-text)\n* Tailwind CSS Button Teal - Only Text: [tailwindcomponents.com/component/tailwind-css-button-teal-only-text](https://tailwindcomponents.com/component/tailwind-css-button-teal-only-text)\n* Tailwind CSS Button Emerald - Only Text: [tailwindcomponents.com/component/tailwind-css-button-emerald-only-text](https://tailwindcomponents.com/component/tailwind-css-button-emerald-only-text)\n* Tailwind CSS Button Pink - Text: [tailwindcomponents.com/component/tailwind-css-button-pink-icon-and-text](https://tailwindcomponents.com/component/tailwind-css-button-pink-icon-and-text)\n* Tailwind CSS Button Orange - Only Text: [tailwindcomponents.com/component/tailwind-css-button-orange-only-text](https://tailwindcomponents.com/component/tailwind-css-button-orange-only-text)\n* Tailwind CSS Button Amber - Only Text: [tailwindcomponents.com/component/tailwind-css-button-amber-only-text](https://tailwindcomponents.com/component/tailwind-css-button-amber-only-text)\n* Tailwind CSS Button Red - Only Text: [tailwindcomponents.com/component/tailwind-css-button-red-only-text](https://tailwindcomponents.com/component/tailwind-css-button-red-only-text)\n* Social Button Group Column: [tailwindcomponents.com/component/social-button-group-column](https://tailwindcomponents.com/component/social-button-group-column)\n* Switch Button: [tailwindcomponents.com/com","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funlight%2Ftailwind-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Funlight%2Ftailwind-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funlight%2Ftailwind-components/lists"}