Tailgrids Component Library
500+ multipurpose Tailwind CSS UI Components, Blocks, and Templates
- Install via npm
- Documentation
- Open Source
- Figma design file
- Copy & Paste
- Tailwind CSS v3.0+
- Responsive Design
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.