Adminpanel
Three tabs, switch between each other, change color when clicked. Tables with filter, search, with a drop-down form to fill.
This tailwind example is contributed by Алла Телегина, on 09-Mar-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Admin Dashboard, User dashboard
Author Алла Телегина
Related Examples
-
2 years ago16.7k -
Tab MenuTab menu
1 year ago5.4k -
Responsive Classes List Table with Edit and Delete buttons using Tailwind CSSThis responsive classes list table is built using Tailwind CSS and features: - A clean layout with a header displaying column titles. - Action buttons for editing and deleting entries. - Responsive design that adapts to various screen sizes. - Easy customization options to fit your project's needs.
8 months ago1.9k -
Interactive Pricing TableThis modern pricing component features a visually appealing, responsive layout with smooth hover effects, making it ideal for showcasing different plans and subscription tiers. Design and Features: ✅ Elegant Gradient Backgrounds • Each pricing card has a unique gradient overlay, transitioning from soft gray, blue, or indigo to white, enhancing contrast and visual appeal. • The rounded-2xl design ensures a polished and smooth aesthetic. ✅ Interactive Hover Effects • Cards have a subtle hover shadow enhancement, making them pop on interaction (hover:shadow-[0_0px_25px_0px_rgba(0,0,0,0.2)]). • Slight floating effect (hover:translate-y-[-5px]) gives the illusion of elevation on hover. ✅ Pricing & Plan Details • Each card presents a plan title, a short subtitle, and a bold price display (text-3xl font-extrabold text-indigo-500). • Supports free, subscription-based, and enterprise-tier pricing, ensuring flexibility for different business models. ✅ Call-to-Action Buttons • Each plan features a highly visible CTA button (bg-indigo-700 text-white rounded-md). • The buttons change color on hover (hover:bg-indigo-500) and expand slightly, encouraging user interaction. ✅ Animated Background Icons • A large, transparent icon (text-[500px] text-gray-100) dynamically moves on hover (group-hover:-translate-y-8 group-hover:-translate-x-8), adding depth and a premium feel. This pricing component is perfect for SaaS platforms, digital subscriptions, and service offerings, ensuring a modern, sleek, and engaging user experience. 🚀
4 months ago809 -
User ProfileThis is some information about the user.
3 weeks ago24 -
DatatableDatatable example with datatable.js with search, sort, pagination
2 years ago23.3k -
Sharp corner button designbutton with hover effect
2 years ago11.8k -
5 months ago496 -
quora/redditreddit / quora have some kind of same template. looksalikes. brothas
1 year ago11.2k -
Responsive Bank Card Information Form with TailwindCSSA sleek and modern bank card information form built with raw HTML and styled using TailwindCSS. This responsive form includes fields for cardholder name, card number, expiry date, and CVV, designed for clean aesthetics and ease of use.
4 months ago538 -
Profile FormProfile form for taking user inputs
2 years ago14.4k -
2 years ago10.5k
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components
