admindashboard
creates a responsive, interactive admin dashboard using Tailwind CSS, Font Awesome, Chart.js, and custom JavaScript animations. It's called "Materially Dashboard" and is designed for presenting key statistics and analytics data in a visually appealing manner.
This tailwind example is contributed by ishimwe shadad, on 20-May-2025. Component is made with Tailwind CSS v3. It is responsive.
Author ishimwe shadad
Related Examples
-
1 year ago2.6k -
InvoiceInvoice
1 year ago2.5k -
Muhammad Umair Arshad - Frontend Developer Resume | React, TypeScript, Tailwind CSSProfessional resume of Muhammad Umair Arshad, a skilled Frontend Developer specializing in React, TypeScript, and Tailwind CSS. I build high-performance web applications with responsive UI design.
7 months ago1k -
Get in Touch – Let's Connect! Responsive Contact Section Using TailwindCSSNeed a website, have a project idea, or just want to say hello? Feel free to reach out! My Contact Section is built with Tailwind CSS, ensuring a clean, responsive, and user-friendly experience. Drop me a message, and let's create something amazing together!
8 months ago1.1k -
2 years ago21.3k
-
Sticky fullpage pages / slidesSticky full page
1 month ago141 -
templetetemplete
5 months ago515 -
6 months ago1.2k -
Linear infinite brand scrolling with hover effectBeautiful lineat brand scrolling partner with hover effect
1 year ago2.4k -
Midnight Lava LampInspired by Steam's old "Big Picture" ambiance. Based on anonymous/background-animation-2
6 months ago893 -
PortfolioThis responsive portfolio with dark mode support includes: 1. Fully responsive design that works on both desktop and mobile devices 2. Dark mode toggle with system preference detection and local storage persistence 3. Indigo-800 and Blue-900 color scheme for primary colors in light and dark modes 4. Beautiful animations and effects: 1. Fade-in and slide-up animations for sections using Intersection Observer 2. Hover effects on projects and buttons 3. Smooth scrolling for navigation 5. Mobile-friendly navigation with a toggle menu 6. Sections for About, 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, ARIA labels) Key features: - The color scheme uses Indigo-800 for light mode and orange-400 for dark mode as primary colors - Dark mode toggle in the header with a sun/moon icon - Sections fade in and slide up as they enter the viewport - Project cards have a hover effect with scaling and increased shadow - 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 - Smooth scrolling behavior for navigation links - Dark mode preference is saved in local storage and syncs with system preference This implementation provides a visually appealing, accessible, and functional responsive portfolio with dark mode support, using HTML, Tailwind CSS, and vanilla JavaScript for the
1 year ago2.9k -
Energy Efficiency Program - OklahomaCode for new IT proposal
5 months ago249
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components
