Tailgrids Component Library

Introduction

500+ Tailwind CSS HTML component library to build modern web applications and landing pages. Get ahead with well-documented Tailgrids with included Figma design file with an open-source option.

Features

Tailgrids offers the following features:

500+ UI Components for different types of UI
Powered by Alpine.js
Included Figma source file
12+ ready-to-use example templates
Marketing UI components
Admin & Dashboard UI components
E-Commerce UI Components
Rich Documentation
Premier Support
Free components available

Included Components

Tailgrids include a rich library of UI Components, Blocks, Templates, and UI Kit Elements. Copy-paste to Build UI for Web App, Marketing, E-Commerce, Dashboard, and many more.

Application UI
Blogs
Cards
Contacts
Cookies
Error Pages
Footers
Modals
Navbars
Paginations
Auth/Sign In/Up
Table Grids
Tables

Marketing UI

About
Brands
Call To Actions
Features & Services
Headers & Hero Area
Newsletter Forms
Portfolios
Pricing Tables
Stats
Teams
Testimonials
Videos

Core Components

Accordions
Alerts
Badges
Breadcrumbs
Button Group
Buttons
Checkbox
Dropdown Buttons
Form Elements
List Styles
Page Titles
Progress Bars
Tabs
Toggle And Switch
Tooltips

E-Commerce

Checkouts
E-Commerce Footers
E-Commerce Headers
E-Commerce Navbars
Featured Products
Filters
Order Summaries
Product Carousels
Product Categories
Product Details
Product Grids
Promo Banner
Quick Views
Recent Products
Customer Reviews
Shopping Carts
Wishlists

Dashboard

Avatars
Calendars
Charts
Chat Boxes
Chat List
Dashboard Dropdowns
Data Stats
Drawers
Horizontal Menus
Maps
Notifications
Popovers
Profiles
Select Box
Settings Pages
Steps
Table Stacks
Vertical Navbars

Pros and Cons

Pros ✅

Pre-built admin UI screens
Comes with Figma source file
Interactions are handled by Alpine.js
Comes with downloadable offline files along with a one-click copy feature from the website
npm install available

Cons ⛔️

No React and Vue versions are available.

Who is Tailgrids for?

Tailgrids provide an ideal base for developers seeking easy ways to develop HTML-based web applications and landing pages on top of Tailwind CSS. It offers a unique starting point for sweetening their development workflows.

What do people say?

TailGrids comes with all the essential UI components you need to create beautiful websites based on Tailwind CSS. The design consistency & variations of UI components, clean codebase, copy-paste interface, and detailed documentation made this UI library very organized & super easy to use.

Marko Denic

Developer Advocate and Software Engineer

FAQ

Can I use TailGrids with commercial projects?

Yes, you can use with commercial/clients/personal projects.

How many commercial project or domains are allowed?

You can use TailGrids for unlimited commercial projects or domains.

Can I crate theme/template based on TailGrids and resell them?

No, you are not allowed to build themes for resell also not allowed any parts with website/page builder or redistribute source files.

Which license type is suitable for me?

Everything explained on pricing tables of each plan, if you are still confused ask us via chat or support ticket. We will get back to you

How I can get future updates?

Yes. You will recieve free updates for lifetime, new components for and updated download files will be automatically available under your account.

Can I upgrade to All-Access after purchasing other plans?

Yes. In this case, you have to contact us via support after purchasing All-Access plan. We will refund your old purchase payment and it has to be within 60days.

What is the meaning of seat?

Seat means how many developers/people gonna use TailGrids to develop web page for end-product, but it doesn't means end-users. There is no limit for end-users or visitors.

When I need team license?

If you are an agency, you may want to share access to multiple team members who may involved with the project. In this case, you must purchase team license so, you can share access with team members.

Does TailGrids comes with design source files?

Yes, we provide complete figma source file. Check the pricing tables, only Professional and All-Access plans holder can access figma files.

Do you provide support?

Yes. Support is provided to all our customers. You can chat us on discord community also can open a support ticket by describing your issue, we will get back to you within 24hrs.

Is TailGrids well-documented?

Indeed. we created entirely separate portal for docs you can access from: tailgrids.com/docs if you find anything that is not available on documentation page. Please, ask on discord or submit a ticket we will get back to you with a solution.