Kickstart almost any project with essential Tailwind CSS UI elements through our Core Components collection. This category includes versatile button styles, checkbox variations, tab styles, accordions, alerts, forms, list styles, toggle buttons, badges, breadcrumbs, dropdowns, tooltips, progress bars, and more – Almost all core components are free for commercial use.

Kickstart almost any project with essential Tailwind React Components through our collection of Free React Core Components. This category includes versatile button styles, checkbox variations, tabs, accordions, alerts, forms, lists, toggle buttons, badges, breadcrumbs, dropdowns, tooltips, progress bars, and more. These React Components are designed to integrate seamlessly with React applications, offering pre-built functionality and customizable styles. Almost all core components are free for commercial use.

Core Components

Build complete web applications with our collection of stunning Tailwind UI components designed specifically for web apps. Tailgrids Application UI consists of - blogs, cards, contact sections, special pages, footer sections, modals, navbar & menus, paginations, auth pages, data tables, and more.

Application UI

Transform visitors into customers with our Tailwind Marketing UI Components!. Empower your website with Tailwind Marketing UI Components crafted for product, offer, or app promotion; this category includes features, headers, hero areas, pricing tables, portfolios, team sections, testimonials, videos, CTAs, about sections, brand scrollers, and more.

Marketing UI

Build e-commerce website UI and site by simply copy-pasting the components and blocks with 100+ Tailwind CSS E-Commerce UI Kit Components, Elements, and Pages. Unlock 3 bonus ready-to-use E-Commerce templates built with TailGrids E-Commerce UI components with an All-Access plan Now.

E-Commerce

Build robust and data-rich backend solutions for your web application using Tailwind CSS Dashboard UI Components. This collection includes graphs, charts, stats, maps, drawers, admin menus, and 4 ready-to-use admin/dashboard templates, providing everything you need for a powerful backend solution. Access the entire collection with our All-Access Plan Now!

Dashboard

Elevate your website's appeal and drive conversions with Tailwindcss AI Components! Designed to captivate visitors and convert them into loyal customers, our comprehensive suite of UI components is meticulously crafted for seamless integration into your product, offer, or app promotion strategies.

AI Components

<p>Looking for a select box style that allows your users to choose more than a single value at a time? If yes, then you have come to the right place! TailGrids - Tailwind Component offers a selection of select box styles that you can choose from according to your needs and convenience. Moreover, with Tailwind CSS select box components, you can build modern websites in a quick and effortless manner without having to leave your HTML at all. Tailwind is extremely low level, which means that you will never have to design the same website twice. Use TailGrids Select Box for Tailwind CSS is easy-to-use select box components for your Dashboard and rest easy!</p>

 If you need a select box style that allows users to choose multiple values at once, TailGrids offers the perfect solution. Our React select box components provide a range of styles to suit your needs, making integrating multi-select functionality into your website or dashboard easy. TailGrids' select box components are designed for effortless customization with Tailwind CSS, allowing you to quickly build modern, user-friendly interfaces without leaving your HTML. Tailwind’s low-level approach ensures flexibility and reusability, so you can adapt the design to your needs without reinventing the wheel. With TailGrids, you get easy-to-use select box components that enhance your dashboard, streamline user interactions, and seamlessly integrate with React tools and features. Explore their options to find the perfect fit for your project.


TailGrids offers simple and intuitive Vue select box components. It lets users choose multiple options at once. The components are easy to customize with Tailwind CSS, making it simple to create modern and user-friendly designs. You can easily adjust the select box to fit your needs, and it works smoothly with your Vue app. Whether for a form or dashboard, TailGrids' select box components help improve user interaction and make it easy to manage selections.

Create intuitive and dynamic user interfaces with the Vue Select Box. Fully customizable dropdown component for seamless integration in your Vue.js applications.

Vue Select Box – Customizable Dropdown Selector for Vue.js

Vue Select Box

Select Box

This component provides users with selectable address options for shipping, including details such as location and additional notes. Users can easily toggle between options using buttons, making it convenient to choose the most suitable shipping address during checkout.

Provide users with selectable address options for shipping, including details like location and additional notes. Easily toggle between options using buttons, making it convenient to choose the most suitable shipping address during checkout.

A Vue component for selecting shipping addresses, displaying location details and additional notes. Users can quickly switch between options with buttons for a seamless checkout experience.


Address Selection Options

This component presents users with an interactive list of selectable options. Each option is accompanied by a checkbox, allowing users to make multiple selections with ease. As users toggle through the list, selected options are highlighted for clear visibility.

An interactive list of selectable options in React UI, each with a checkbox for easy multiple selections. Selected options are highlighted for clear visibility as users toggle through the list.


An interactive list of selectable options in Vue, with checkboxes for multiple selections. Selected options are highlighted to ensure clear visibility as users navigate through the list.

Interactive Select List

This component allows users to select team members by showcasing their names, positions, and profile pictures with convenient checkboxes for each member.


This React component lets users select team members by displaying their names, positions, and profile pictures, each with a checkbox for easy selection.


A Vue select box component that lets users select team members by showing their names, positions, and profile pictures, with checkboxes for easy selection.

Member Selector with Checkbox

This component simplifies the process of selecting shipping options by displaying various shipping methods, along with their respective delivery times and prices. Users can easily toggle between options for a streamlined checkout experience.

Simplify the process of selecting shipping options with this React component, displaying various methods along with their respective delivery times and prices. Users can easily toggle between options, creating a streamlined checkout experience.

A select box component for Vue apps that simplifies shipping option selection by showing various methods with delivery times and prices. Users can easily toggle between options for a smooth checkout experience.

Vue Select Box

Vue Address Selection Options

Vue Interactive Select List

Vue Member Selector with Checkbox

Vue Shipping Option Selector

Variations