Table

tables

This tailwind example is contributed by Aman kumar, on 28-Jun-2024. Component is made with Tailwind CSS v3. It is responsive.

4.4k
8

Related Examples

  • macOS Style Webpage – macOS Design in the Browser

    A simple webpage inspired by the macOS interface. It recreates the clean design, dock, and desktop look of macOS using only HTML, tailwind CSS, and JavaScript. This project focuses on front-end styling and layout to bring the visual feel of macOS to the web — not a full simulation, just the look and vibe.

  • Responsive 3-Tier Pricing Card Section

    A clean and responsive pricing table component featuring three distinct tiers (e.g., Basic, Standard, Premium) presented in a card layout. Built with HTML and Tailwind CSS, it stacks vertically on small screens and transitions to a side-by-side view on medium screens (md breakpoint - 768px) and up. Each plan card includes a placeholder icon, title, description, price details, a call-to-action button, and a bulleted list of features with checkmarks. The generic content makes it easy to adapt for various websites or applications needing a clear pricing comparison structure.

    365
  • Modern Responsive Product Table Design with TailwindCSS

    This is a clean and responsive product listing table built with HTML and TailwindCSS. The table displays product images, names, unit prices, quantities, and total costs in a structured format. It adapts to different screen sizes by enabling horizontal scrolling on smaller devices. The design is minimal yet functional, making it ideal for e-commerce websites, order summaries, and invoice pages. Let me know if you need any refinements!

    1.3k
  • Table

    Table with image and status with pagination buttons

    2.1k
  • Configurable 3-Tier Responsive Pricing Table

    A modern, responsive pricing table component inspired by SaaS layouts, built with HTML and Tailwind CSS. Features three distinct pricing tiers displayed in cards, stacking vertically on smaller screens and transitioning to a 3-column grid on large screens (lg breakpoint). Includes interactive top controls for selecting the number of users and toggling between monthly/yearly billing cycles. Each card uses placeholder content for icons, titles, descriptions, features (with checkmarks/info icons), and distinct call-to-action buttons, making it easily adaptable. Styled with subtle background colors and clear typography for excellent readability.

    642
  • Pricing comparison table

    Showcase different pricing tiers or plans for a product or service.

    13.9k
  • Adminpanel

    Three tabs, switch between each other, change color when clicked. Tables with filter, search, with a drop-down form to fill.

  • Table for user management

    It shows a table of users with their names, email, and role. The table also has two buttons for each row: one to save changes made to the user's details and another to delete the user.

    18.5k
  • Responsive Class List Table using Tailwind CSS

    A responsive and customizable class list table built with Tailwind CSS, featuring actions for editing and deleting classes.

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components

tailwindflex logo TailwindFlex.com
Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

© 2025 TailwindFlex. All Rights Reserved.

v1.12