- Home
-
Table CRUD
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
-
11 months ago1.2k
-
Notifications
Toast Notifications are lightweight and customizable components for displaying short messages or alerts. They are perfect for feedback on user actions, such as form submissions or system updates. Supports different types of notifications (success, error, warning, info). Automatically hides after a specified timeout. Option to include action buttons or close icons. Customizable styles, animation, and position on the screen.
1 year ago1.3k -
3 years ago16.4k
-
Products card grid
Example of product card grid with product image and pricing
3 years ago24.1k -
2 years ago14.5k
-
invoice 02
product invoice
10 months ago821 -
3 years ago22.8k
-
1 year ago1.1k
-
3 years ago13.2k
-
Responsive Light Mode Footer Component
This is a fully responsive and reusable light-mode footer component designed by ABNahid Agency. Built with a clean structure and optimized for modern web applications, this footer features essential sections, including About, Services, Contact, and Social Links. Ideal for personal portfolios, business websites, or startup platforms—plug and play in your React or HTML project.
7 months ago587 -
portfolio
This portfolio page for Claire includes: 1. Responsive design that works on both desktop and mobile 2. Indigo-800 and Blue-900 color scheme for the background 3. Dark mode support (the design is already dark-themed) 4. Beautiful animations and effects: 1. Fade-in and slide-up animations for sections 2. Animated skill bars 3. Hover effects on projects and buttons 4. Smooth scrolling for navigation 5. Mobile-friendly navigation with a toggle menu 6. Sections for About, Skills, Projects, and Contact 7. A contact form with styled inputs 8. Social media links in the footer 9. Accessibility considerations (proper heading structure, color contrast, focus styles) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The header and footer have a frosted glass effect using backdrop filters - Text is white for high contrast against the dark background - Sections fade in and slide up as they enter the viewport - Skill bars animate when the skills section is in view - Project cards have a hover effect with scaling and increased opacity - The contact form has animated focus states - Social media icons change color on hover - The layout is responsive, with a hamburger menu for mobile screens This implementation provides a visually appealing and functional portfolio page for Claire, using HTML, Tailwind CSS, and vanilla JavaScript for the interactions and animations.
1 year ago2.8k -
Simple Login & Register Page
Login and Register Page using Tailwind, Alpine JS, and Fontawesome
1 year ago3.1k
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components