Table CRUD
CRUD TABLE DESIGN
This tailwind example is contributed by Abhiraj, on 22-Feb-2025. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.
Author Abhiraj
Related Examples
-
TableTable with image and status with pagination buttons
7 months ago1.6k -
Table ContentDashboard Table Content, with Sidebar Reusable for any window
6 months ago1.6k -
masonary grids effect for cards using columnsAs part of the redesign I was trying to think of ways to lay out testimonials from students, which may have varying length/content, I stumbled onto the idea of using a masonry layout (think bricks, think Pinterest).
5 months ago775 -
4 months ago649 -
Contact Form ComponentA multi-step, responsive contact form with a modern dark-themed design. The form includes four steps: name, email, phone number, and message. It features a side panel with contact information and a sleek, gradient-styled interface using Tailwind CSS.
4 months ago545 -
Responsive Hero Section with Typewriter EffectA modern hero section featuring a typewriter animation effect, social media links, and responsive design. Includes a user avatar placeholder and a clean dark gradient background. Built with Tailwind CSS and Font Awesome icons. Perfect for personal portfolio websites.
4 months ago305 -
Tailwind CSS Service Card ComponentAn HTML and Tailwind CSS code snippet for creating a responsive service card component. Ideal for marketplaces, portfolios, or listing pages. Includes sections for image/video preview, seller info, rating, pricing, and additional details. Easy to customize using Tailwind utility classes.
4 months ago694 -
Responsive Multi-Tier Pricing Table Componentflexible and responsive 3-tier pricing table component built with HTML and Tailwind CSS. Features distinct visual styles for different plans (e.g., highlighting a recommended option), adapts to various screen sizes, and supports both light and dark color schemes. Uses generic placeholders for easy adaptation to any product or service.
4 months ago510 -
Instagram Post UI MockupA static HTML and Tailwind CSS component that visually replicates the user interface of an Instagram post. This mockup includes the post header (avatar, username, options), image area, action buttons (like, comment, share, save), like count, caption, and comment section. It features responsive constraints and supports both light and dark mode, closely mimicking the look and feel of the actual Instagram app. Ideal for UI prototyping, style guides, or frontend development practice.
4 months ago517 -
Twitter Post (Tweet) UI MockupA detailed static HTML and Tailwind CSS component replicating the user interface of a single Twitter post (Tweet). This mockup includes the user avatar, tweet header (name, handle, timestamp), tweet text with styled hashtags/mentions, optional media display, and the action bar with icons and counts (Reply, Retweet, Like, Views, Share). It is responsive, supports light and dark modes, and uses accurate iconography and hover states to closely resemble the real Twitter UI.
4 months ago322 -
YouTube Community Post UI MockupA static HTML and Tailwind CSS component mimicking the user interface of a YouTube Community Post. This mockup features the channel header (avatar, name, verified badge, timestamp), post content (text and optional media), engagement actions (Like, Dislike, Comment, Share with counts), and the 'Add a comment' section. It's designed to be responsive, supports YouTube's light and dark themes via custom styling, and uses accurate iconography.
4 months ago580 -
Comparison Pricing Table ComponentA responsive pricing table built with HTML and Tailwind CSS, comparing two plans (Free and Unlimited) with a clear feature checklist. Includes distinct styling for the premium plan and a toggle for monthly/annual pricing display.
3 months ago595
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components
