S
shadcndashboard/shadcndashboard
Account Setting 01 - API Keys & Billing Settingsaccount-setting-1Manage API keys, usage limits, billing information, and third-party integrations from a single account settings layout. Perfect for SaaS dashboards that need secure developer account management.
Account Setting 02 - Profile & Security Settingsaccount-setting-2Update personal information, manage passwords, and configure account security with a clean settings interface. Designed for applications that require simple profile management and stronger account protection.
Chart 17 - Advertisement Cost Chartadvertisement-cost-chartTrack advertising expenses across campaigns or time periods. Helps marketing teams measure spending and optimize campaign budgets.
AI Ops 03 - Agent Usage & API Consoleagent-ai-opsAn agent fleet usage console — with an account header, a usage summary card with Tokens/Spend/Requests tabs, a daily usage chart, a top-models-by-usage breakdown, a GitHub-style activity heatmap with streak stats, and an API keys management table. Ideal for AI agent billing, LLM usage tracking, and API key administration dashboards.
Card 11 - AI Assistant Cardai-assistant-cardAn Ask AI panel with provider tabs for Claude, ChatGPT, and Gemini, quick feature shortcuts, and a chat input. Ideal for AI-powered dashboards and copilots.
AI Ops 01 - Token Routing Consoleai-ops-overviewA token routing console for LLM control planes — model priority and budget guardrail stats, a per-model token usage & spend routing list with priority ranks and enable toggles, and a weekly per-model token worklog table with a bordered grid, usage bars, a date-picker & prev/next week navigation, and pagination. Ideal for AI product and LLM control-plane dashboards.
Card 19 - Analytics Banneranalytics-bannerShowcase important business metrics with a date picker & monthly, yearly dropdowns in a visually engaging analytics banner. Useful for reporting insights.
Chat Application Shell 01application-shell-01Create chat interfaces with a complete application layout including conversations, message area, and input sections. Save development time by customizing a production ready shell instead of building every screen from scratch.
Notes Application Shell 01application-shell-02Organize note taking experiences with structured layouts for navigation, editing, and content management. Customize the shell to build documentation tools, personal note apps, or knowledge management platforms faster.
Chart 18 - Attendance Overview Chartattendance-overview-chartShow attendance data in a visual format that is easy to understand, along with time periods. Great for schools, workplaces, and employee management systems.
Chart 23 - Bed Occupancy Chartbed-occupancy-chartTrack bed occupancy across ICU, Emergency, General Ward, and Pediatric departments with a radial chart and per-department breakdown. Ideal for hospital management systems, clinic dashboards, and healthcare admin panels.
Card 04 - Campaign Performance Cardcampaign-performance-cardTrack marketing campaign results with user metrics along with status reports. Great for advertising platforms, growth teams, and marketing analytics.
Empty State 04 - Connect Data Empty Stateconnect-data-empty-statePrompt users to link a live source or import a CSV before their workspace fills up with data. Pairs primary connection actions with quick-access guide links for first-time setup.
Card 08 - Contributor Groups Cardcontributor-groups-cardGroup contributors, affiliates, and infrastructure partners with tooltip-labeled icons and a call-to-action button. Suited for about pages, changelogs, and partner directories.
Chart 04 - Customers Segmentation Chartcustomers-segmentation-chartGroup customers into meaningful segments based on selected data. Ideal for marketing dashboards, CRM platforms, and customer analytics.
Dashboard Footer 01 - Dashboard Footer with Navigation & Social Linksdashboard-footer-1Display essential footer navigation together with social media buttons in a clean layout. Great for SaaS dashboards, admin panels, and web apps that need quick access to important pages.
Dashboard Footer 02 - Minimal Copyright Footerdashboard-footer-2Keep your dashboard clean with a simple one line footer showing copyright information only. Perfect for internal tools, admin dashboards, and applications that prefer a distraction free layout.
Dashboard Footer 03 - Compact Dashboard Footer with Links & Social Iconsdashboard-footer-3Combine copyright text, quick navigation links, and social media icons in a single horizontal footer. Best for modern dashboards where space is limited but essential links should remain accessible.
Dashboard Layout 01 - Admin Dashboard Layoutdashboard-layout-01Start your admin panel with a complete dashboard structure that keeps navigation, content, and user actions well organized. Perfect for SaaS platforms, analytics dashboards, and internal business applications.
Dashboard Layout 02 - RTL Layoutdashboard-layout-02Supports right to left languages with a layout designed for Arabic, Hebrew, and multilingual applications. Build localized dashboards without restructuring your entire interface.
Dashboard Layout 03 - Horizontal Layoutdashboard-layout-03Choose a horizontal navigation pattern for dashboards that need maximum workspace and simplified navigation. Great for enterprise tools, reporting platforms, and data heavy applications.
Dashboard Shell 01 - Ecommerce Overviewdashboard-shell-01A complete ecommerce admin dashboard shell with overview tabs, update banner, total sales chart, total assets, orders, profit, advertisement cost, and projects orders sections. Built for ecommerce and retail dashboard applications.
Dashboard Shell 02 - Ecommerce Sales & Analyticsdashboard-shell-02A full-featured ecommerce dashboard shell with store overview, monthly sales, revenue growth, customer segmentation, order overview, user activity, ecommerce action cards, recent sales, latest products, total assets, and product carousel sections.
Dashboard Shell 03 - Marketing & Traffic Analyticsdashboard-shell-03A marketing analytics dashboard shell featuring a report banner, key insights, website visits, sales distribution, product action cards, campaign performance, and traffic data sections. Ideal for marketing, SEO, and digital advertising dashboards.
Dashboard Shell 04 - SaaS & AI Dashboarddashboard-shell-04A SaaS and AI-focused dashboard shell with a header, metric cards, sales overview, revenue distribution, AI chat assistant, and best AI products sections. Perfect for SaaS platforms, AI tool dashboards, and subscription-based applications.
Dashboard Shell 05 - School & Education Dashboarddashboard-shell-05A school and education management dashboard shell with a header, metric cards, attendance overview, grade distribution, fees paid, fees pending, staff salary, recent enrollments, and upcoming events sections. Designed for school management systems and education platforms.
Dashboard Shell 06 - Healthcare & Hospital Dashboarddashboard-shell-06A healthcare and hospital management dashboard shell with a header, total patients, monthly revenue, weekly appointments, patient flow, recent patients, doctor performance, department stats, upcoming appointments, and recovery rate sections. Built for hospital management systems and healthcare analytics.
Dashboard Shell 07 - Restaurant POS Analytics Dashboarddashboard-shell-07A restaurant POS analytics dashboard shell with a POS header, KPI stat cards, weekly revenue overview, order type distribution, top selling items, recent payments, customer ratings, and a live kitchen order queue table.
Dashboard Shell 08 - Logistics & Supply Chain Commanddashboard-shell-08A logistics and supply chain dashboard shell with a fleet command header, KPI metric grid, freight volume & SLA trend chart, carrier cost breakdown, shipment status radial chart, warehouse capacity chart, active fleet driver roster, vehicle allocation overview, and a live freight shipments data table.
Datatable 01 - Exportable Datatabledatatable-01Download table records with a single click for reporting, backups, and data sharing. This block is specially built for any application that requires quick and reliable data export functionality.
Datatable 02 - Dense Tabledatatable-02Display large datasets in a compact table layout with reduced spacing for better visibility. Ideal for dashboards where users need to scan more records without excessive scrolling.
Datatable 03 - Sorting Tabledatatable-03Sort rows by different columns to quickly organize and compare data. Suitable for admin panels, user management, inventory, and reporting interfaces.
Datatable 04 - Filter Tabledatatable-04Filter table records with flexible controls to help users find relevant data faster, along with search functionality. Great for CRM systems, ecommerce dashboards, and business applications.
Datatable 05 - Paginated Tabledatatable-05Break large datasets into manageable pages for improved performance and navigation. Fits dashboards that handle customers, orders, products, or financial records.
Datatable 06 - Row Select Tabledatatable-06Export single or multiple rows for bulk actions and data management tasks. Useful for user administration, order processing, and inventory management.
Datatable 07 - Column Visibility Tabledatatable-07Show or hide table columns to create a personalized data view for different users. Perfect for dashboards with customizable reporting and flexible workflows.
Datatable 08 - Editable Tabledatatable-08Edit table data directly within rows without leaving the current page. Works well for inventory updates, project tracking, and business management tools.
Datatable 09 - Sticky Tabledatatable-09Keep important headers or columns visible while scrolling through large datasets. Helpful for financial reports, analytics dashboards, and data-heavy applications.
Datatable 10 - Column Drag and Drop Tabledatatable-10Reorder table columns with drag and drop to match different user preferences. Suitable for customizable dashboards and data management interfaces.
Datatable 11 - Row Drag and Drop Tabledatatable-11Rearrange table rows using drag and drop for better organization and prioritization. Great for task management, workflow builders, and content management systems.
Datatable 12 - Expandable Tabledatatable-12Use this expandable table to reveal additional details with collapsible rows without navigating away from the page. Useful for customer records, order information, and nested datasets.
Datatable 13 - Advanced User Tabledatatable-13A feature-rich user management table with search, status filtering, sorting, row selection, and pagination. Useful for admin panels, user directories, and customer management dashboards.
Card 14 - Doctor Performance Carddoctor-performance-cardTrack doctor performance with avatar, specialty, patient count, rating, and availability status in a bordered list card. Suitable for healthcare and clinic dashboards.
Card 02 - Ecommerce Action Cardecommerce-action-cardHighlight key shopping actions like orders, shipped orders, revenue, or ratings in a compact card. Fits ecommerce dashboards where users need quick access to common tasks.
Empty State 03 - Empty Chart Cardempty-chart-cardDisplay informative placeholders when analytics or reports have no available data. Great for dashboards waiting for integrations, metrics, or newly connected data sources.
Chart 19 - Fees Paid Chartfees-paid-chartDisplay paid fees with a simple chart for quick financial tracking. Useful for education portals, billing systems, and payment dashboards.
Chart 20 - Fees Pending Chartfees-pending-chartMonitor outstanding fees with a clear visual overview. Helps administrators identify pending payments and improve collection tracking.
Forgot Password Form 01 - Clean Recovery Cardforgot-password-01A simple, centered recovery form. Provides an email field and clear instructions to help users regain access to their accounts quickly and easily.
Forgot Password Form 02 - Branded Video Split Layoutforgot-password-02A bi-fold password reset page featuring a continuous video loop on the left and the recovery inputs on the right. Keeps the user engaged even during account recovery.
Forgot Password Form 03 - Feature-Rich Recovery Pageforgot-password-03An expansive account recovery layout built like a landing page. Uses dynamic text animations and a brand carousel to reassure users while they reset their credentials.
Forgot Password Form 04 - Recovery Card with Company Logosforgot-password-04A recovery card design supplemented by a bottom section containing prominent company logos. Adds an element of professional credibility to the password reset process.
Forgot Password Form 05 - 3D Color Bends Split Screenforgot-password-05A highly engaging password reset screen utilizing a side-by-side design. Features an abstract 3D canvas animation on the left to complement the recovery form on the right.
Forgot Password Form 06 - Interactive Particle Fieldforgot-password-06A split-screen password reset layout with an interactive canvas particle field that drifts ambiently and reacts to cursor movement on one side and the recovery form on the other.
Forgot Password Form 07 - Diagonal Marquee Carouselforgot-password-07A two-column password recovery layout with the reset form on the left and an infinitely scrolling, diagonally slanted image marquee filling the right panel.
Form 01 - Edit Profile Formforms-01Update personal information, profile visibility, and account preferences from a clean settings layout. Ideal for user dashboards, profile management pages, and account customization.
Form 02 - Advanced Settings Sidebar Layoutforms-02Organize account settings with sidebar navigation for faster access to preferences. Great for managing profile information, notifications, security, and appearance settings.
Form 03 - E-commerce Checkout Formforms-03Complete online purchases with a streamlined checkout process from shipping to payment. Suitable for ecommerce stores that require secure and user-friendly order completion.
Form 04 - Student Registration Formforms-04Register students using a structured enrollment form with guardian and subject details. Useful for schools, educational platforms, and online course registration systems.
Form 05 - Employee Registration Formforms-05Capture employee information with dedicated sections for personal details and job preferences. Fits HR portals, recruitment systems, and staff onboarding applications.
Form 06 - Repeater Formforms-06Collect multiple entries dynamically without creating separate forms for each record. Useful for surveys, inventory management, expense reports, and custom data collection.
Form 07 - Form with Tabforms-07Separate complex forms into organized tabs for a cleaner and more manageable experience. Perfect for lengthy forms with multiple categories, settings, or configuration options.
Form 08 - Subscription Plan Builderforms-08A SaaS checkout-style form for picking a plan, toggling add-ons, applying a promo code, and previewing a live order summary. Perfect for billing, checkout, and subscription onboarding flows.
Form 09 - Agent API Keysforms-09An AI agent credential manager with a sidebar quick-copy snippet, a card grid of agent keys with a dropdown-menu of reveal/copy/rotate/revoke actions, and a create-key dialog. Perfect for AI agent platforms, developer consoles, and API key management.
Chart 21 - Grade Distribution Chartgrade-distribution-chartVisualize grade distribution across students or classes in one chart. Suitable for school dashboards, academic reports, and education platforms.
Card 17 - Greeting Bannergreeting-bannerWelcome users with a personalized message and highlight important messages with a CTA button. Perfect for dashboard homepages and employee or customer portals.
Card 15 - Health Bannerhealth-bannerTrack health-related updates with a dropdown monthly & yearly selection report card in a clean banner layout. Suitable for healthcare portals and patient dashboards.
AI Ops 02 - Hospital AI Control Centerhospital-ai-opsAn AI care operations dashboard for hospitals, medical centers, and social care teams — with a status banner, triage & risk stat cards, a care escalation timeline, a patient risk trend chart, and a related-operations kanban board. Ideal for hospital management, clinic, and health-system admin panels.
Card 07 - Integrations Showcase Cardintegrations-showcase-cardShowcase connected third-party integrations like Figma, Claude, and cloud storage with an icon and description grid. Great for settings pages and integration marketplaces.
Kanban Application 01 - Simple Task Boardkanban-application-01Manage tasks across To Do, In Progress, and Done columns with a drag-and-drop Kanban board. Add and remove tasks inline, making it a great starting point for lightweight project trackers and personal task boards.
Kanban Application 02 - Task Board with Assigneeskanban-application-02Organize tasks across To Do, In Progress, In Review, and Done columns with due dates, assignees, and an add or edit task dialog. Ideal for sprint boards, team workflow tools, and project management dashboards.
Chart 09 - Key Insights Chartkey-insights-chartHighlight important business metrics in a simple, visually organized, region-wise format. Suitable for executive dashboards and quick performance reviews.
Card 06 - Latest Products Cardlatest-products-cardList recently added products with thumbnail, name, buyer count, and price inside a scrollable card. Useful for ecommerce dashboards tracking new product activity.
Empty State 05 - Launch Team Workspace Empty Statelaunch-team-workspace-empty-stateKick off a new workspace by inviting core teammates and syncing the directory, then surface the next quick actions like deliverables, briefs, and standups.
Login Form 01 - Standard Card Layoutlogin-block-1A minimalist, centered card layout for login. Features email, password, and social login options. Ideal for straightforward authentication flows in SaaS apps or admin panels.
Login Form 02 - Split Screen with Video Brandinglogin-block-2A modern split-screen login layout featuring a background video loop on one side and the form on the other. Perfect for branded, customer-facing applications.
Login Form 03 - Full Page Marketing Layoutlogin-block-3A two-column landing page style login layout featuring marketing copy, text morph animations, a brand slider, and testimonials alongside the login card.
Login Form 04 - Card Layout with Brand Logoslogin-block-4A centered login card layout that includes a dedicated footer section displaying a grid of trusted company logos to build social proof.
Login Form 05 - Split Screen with 3D Animationlogin-block-5A creative split-screen login layout featuring an immersive Three.js interactive 3D color bends animation on one side and the form on the other.
Login Form 06 - Interactive Particle Fieldlogin-block-6A split-screen login layout with an interactive canvas particle field that drifts ambiently and reacts to cursor movement on one side and the form on the other.
Login Form 07 - Diagonal Marquee Carousellogin-block-7A two-column login layout with the sign-in form on the left and an infinitely scrolling, diagonally slanted image marquee filling the right panel.
Chart 10 - Monthly Sales Chartmonthly-sales-chartCompare monthly sales performance with an easy-to-read chart layout. Helps identify growth trends and seasonal sales changes.
Multi Step Form 01 - Appointment Booking Wizardmulti-step-form-01Guide patients through a multi-step appointment booking flow with patient details, visit scheduling, and a final review before confirmation. Great for clinic portals, booking flows, and patient intake tools.
Multi Step Form 02 - Workspace Setup Wizardmulti-step-form-02Spin up a new workspace through an animated multi-step form covering workspace details, team invites, and a final launch confidence check-in. Great for SaaS onboarding, team workspaces, and product setup flows.
Multi Step Form 03 - User Profile Formmulti-step-form-03Collect user details through a structured multi-section form with step-by-step navigation. Best suited for account setup, workspace configuration, and onboarding workflows.
Multi Step Form 04 - Multi-Step Onboarding Formmulti-step-form-04Guide users through account creation with a progress bar and a multi-step registration experience. Perfect for SaaS onboarding, membership platforms, and application signup flows.
Multi Step Form 05 - Onboarding Formmulti-step-form-05An animated multi-step onboarding form with a circular progress indicator, role-selection cards, and a success screen. Perfect for user onboarding, sign-up flows, and intake wizards that need a polished, guided experience.
Multi Step Form 06 - Survey Formmulti-step-form-06An animated multi-step survey form with radio-group option cards, a live animated score counter, and an email capture step. Ideal for feedback collection, NPS surveys, and user research flows that demand a sleek, engaging experience.
Empty State 01 - No Data Empty Stateno-data-empty-stateHelp users understand why content is missing instead of displaying a blank screen. Perfect for new projects, dashboards, and first-time experiences that encourage the creation of project action.
Empty State 02 - No Search Resultsno-search-resultsGuide users when searches return no matches with clear messaging and helpful suggestions. Improve search experiences by encouraging refined keywords or adjusted filters.
Chart 12 - Order Overview Chartorder-overview-chartSummarize order activity in a compact chart with meaningful insights and comparisons. Fits ecommerce dashboards, inventory systems, and sales monitoring tools.
OTP Form 01 - Minimal Verification Cardotp-01A focused, center-aligned verification box. Contains a secure code input and a resend action, providing a distraction-free experience for identity confirmation.
OTP Form 02 - Video Background Split Viewotp-02A side-by-side verification layout combining an engaging video background with a secure OTP input panel. Great for maintaining brand immersion during security checks.
OTP Form 03 - Landing Page Style Verificationotp-03A comprehensive verification page that leverages a two-column structure. Displays marketing messages and trust indicators on one side while handling OTP entry on the other.
OTP Form 04 - Verification Card with Social Proofotp-04A focused verification card that builds trust by featuring a grid of sponsor or client logos at the bottom, reassuring users during the authentication step.
OTP Form 05 - Interactive 3D Verification Panelotp-05A visually striking verification layout that splits the screen between the OTP input and a dynamic, interactive Three.js 3D abstract animation, elevating the security experience.
OTP Form 06 - Interactive Particle Fieldotp-06A split-screen verification layout with an interactive canvas particle field that drifts ambiently and reacts to cursor movement on one side and the OTP form on the other.
OTP Form 07 - Diagonal Marquee Carouselotp-07A two-column verification layout with the OTP form on the left and an infinitely scrolling, diagonally slanted image marquee filling the right panel.
Chart 07 - Platform Revenue Chartplatform-revenue-chartVisualize revenue generated across daily, monthly, and yearly timelines. Useful for tracking business performance and comparing revenue sources.
Card 01 - Product Cardproduct-cardDisplay products with weekly sales, new users, & purchased orders in a clean card layout. Suitable for ecommerce stores, product catalogs, and marketplace dashboards.
Card 10 - Product Carousel Cardproduct-carousel-cardAuto-playing product image carousel with progress dots and a call-to-action overlay. Great for ecommerce dashboards promoting featured products or premium plans.
Chart 08 - Revenue Distribution Chartrevenue-distribution-chartBreak down revenue into multiple categories for better financial analysis. Helps teams understand where income is coming from.
Card 09 - Revenue Growth Cardrevenue-growth-cardShow a headline revenue growth percentage with a month-over-month comparison in a compact card. Fits finance and sales dashboards that need a quick trend indicator.
Chart 11 - Revenue Growth Chartrevenue-growth-chartTrack revenue growth in percentage with clear visual comparisons. Useful for financial dashboards and business reporting.
Chart 06 - SaaS Metrics Chartsaas-metrics-chartMonitor key SaaS metrics like automations, revenue, or active users. Best for product analytics, startup dashboards, and subscription platforms.
Chart 05 - Sales Distribution Chartsales-distribution-chartUnderstand how sales are distributed across products, categories, and monthly reports. Makes it easier to spot top-performing areas and sales gaps.
Chart 03 - Sales Overview Chartsales-overview-chartView sales data across different dates in a single chart. Helps compare performance, identify trends, and monitor business growth.
Chart 01 - Sales Trend chartsales-trend-chartTrack sales performance over time with a clear trend visualization. Useful for monitoring growth, seasonal patterns, and business performance at a glance.
Chart 24 - School Admissions Chartschool-admissions-chartVisualize new admissions vs returning students with a stacked half-circle radial chart and a total student count at a glance. Ideal for school dashboards, education portals, and admissions tracking tools.
Card 16 - School Bannerschool-bannerManage school updates or important notices with dropdown options using this engaging banner section. Great for education platforms, student portals, and LMS.
Sidebar 01 - Classic Admin Sidebarsidebar-01Navigate dashboards with a clean vertical sidebar featuring grouped links for dashboards, pages, apps, and settings. Includes branding, a collapsible layout, and a promotional upgrade card for building scalable admin interfaces.
Sidebar 02 - Mini Sidebar Navigationsidebar-02Save screen space with a compact sidebar that keeps essential navigation within easy reach. Great for modern dashboards where minimal layouts and faster navigation improve usability.
Sidebar 03 - Two Column Sidebarsidebar-03Separate navigation into two organized columns for better content discovery and quicker access to key sections. Suitable for dashboards with analytics, applications, settings, and large menus.
Sidebar 04 - Compact Dashboard Navigationsidebar-04Keep navigation simple with a clean single column sidebar focused on frequently used pages and tools. Fits lightweight admin panels, internal portals, and productivity-focused applications.
Sidebar 05 - Admin Sidebar with Promosidebar-05Combine structured dashboard navigation with a dedicated promotional section for upgrades or announcements. Useful for SaaS products that highlight premium plans without interrupting navigation.
Sidebar 06 - Card Layout Admin Dashboard Sidebarsidebar-06Navigate large applications through collapsible menu groups, intuitive icons, and well-organized sections. Designed for admin interfaces that require scalable and user-friendly navigation.
Sidebar 07 - Animated Mega-Menu Console Sidebarsidebar-07Enhance dashboard navigation with animated interactions, expandable flyout menus, and a searchable console-style layout. Ideal for cloud platforms, developer tools, and enterprise applications with complex navigation.
Sidebar 08 - Admin Dashboard Sidebarsidebar-08Manage dashboard navigation with organized menu groups, icons, and collapsible sections for a cleaner sidebar. Built for admin panels, SaaS platforms, and business applications with multiple navigation levels.
Sidebar 09 - Dual Panel Mail Sidebarsidebar-09Combine a collapsed icon rail, a searchable mail list panel, and a floating quick-action rail in one layout. Suited for mail clients, inbox management tools, and communication dashboards.
Sidebar 10 - Workspace Sidebar with Info Panelsidebar-10Pair a workspace switcher, AI shortcut, favorites, and collapsible project groups with a right-hand panel for schedules, meetings, and checklists. Great for project management tools and productivity dashboards.
Signup Form 01 - Essential Centered Cardsignup-01A clean, centrally aligned card design for creating accounts. Includes core input fields and social providers, making it perfect for frictionless user onboarding.
Signup Form 02 - Divided Screen with Video Panelsignup-02A dual-panel registration screen that showcases a looping ambient video alongside the signup form. Excellent for creating a premium first impression for new users.
Signup Form 03 - Two-Column Showcase Layoutsignup-03A full-page hero layout designed for conversions. Combines animated text, client logos, and social proof in the left column with the registration form in the right column.
Signup Form 04 - Card Design with Trusted Partnerssignup-04A centered registration card enhanced with a logo gallery in the footer. Displays trusted partner brands immediately below the signup fields to increase conversion rates.
Signup Form 05 - Immersive Three.js Split Viewsignup-05An innovative dual-panel registration view that pairs the signup form with an interactive, WebGL-powered 3D color bending visualization for a highly modern aesthetic.
Signup Form 06 - Interactive Particle Fieldsignup-06A split-screen registration layout with an interactive canvas particle field that drifts ambiently and reacts to cursor movement on one side and the signup form on the other.
Signup Form 07 - Diagonal Marquee Carouselsignup-07A two-column signup layout with the registration form on the left and an infinitely scrolling, diagonally slanted image marquee filling the right panel.
Chart 22 - Staff Salary Chartstaff-salary-chartPresent staff salary data with a structured chart for easy comparison. Useful for HR dashboards, payroll systems, and workforce analytics.
Table 01 - Top Selling Products Tabletable-01Track best selling products with ratings, pricing, demand status, and built in add, edit, and delete actions. Great for inventory management, product administration, and ecommerce dashboards.
Table 02 - Sales Orders Tabletable-02Monitor recent sales orders with searchable records, pagination, payment details, and order statuses. Built for ecommerce dashboards, billing systems, and order management workflows.
Table 03 - Projects and Orders Tabletable-03Manage projects, assigned managers, order values, and progress from a sortable table with status indicators and quick actions. Useful for project tracking, operations dashboards, and team management.
Table 04 - Best Performing AI Products Tabletable-04Compare top performing AI products with structured metrics for quick revenue and performance tracking. Fits AI marketplaces, SaaS dashboards, and product analytics platforms.
Table 05 - Recent Enrollments Tabletable-05Display recent student enrollments with grades, subjects, enrollment status, and quick add, edit & delete actions. Suitable for education portals, LMS dashboards, and student management systems.
Table 06 - Recent Patients Tabletable-06Organize patient records with age, department, diagnosis, treatment status, and management action buttons. Designed for hospital dashboards, healthcare portals, and clinic administration.
Table 07 - Customer Details Editable Tabletable-07Update customer records directly from an editable table with search, status filters, and quick row actions. Perfect for CRM platforms, customer support tools, and account management.
Table 08 - Revenue Tabletable-08Analyze revenue across different months and product categories using sortable tabular data. Best for finance dashboards, sales reporting, and business performance monitoring.
Table 09 - Filter Tabletable-09Find records faster with searchable data, column filters, and row selection using checkboxes. Useful for admin panels, reporting tools, and large business datasets.
Table 10 - Users Management Tabletable-10Manage users with role, subscription plan, billing method, account status, and action controls from one table. Ideal for SaaS applications, workspace administration, and user management dashboards.
Table 11 - Top Performing Products Tabletable-11Compare product performance using sales, earnings, category, and technology information in one view. Suitable for ecommerce analytics, inventory reporting, and product performance tracking.
Table 12 - Customer Reviews Tabletable-12Review customer feedback with searchable records, review dates, and user details for faster moderation. Helps support teams monitor customer sentiment and improve service quality.
Table 13 - Projects Activity Tracking Tabletable-13Track ongoing projects with budgets, assigned teams, project leaders, and activity progress in one organized table. Built for project management dashboards, agency workflows, and business operations.
Card 03 - Total Assets Cardtotal-assets-cardPresent total assets with supporting metrics like employees, projects, clients, and events in a simple overview card. Useful for finance, investment, crypto, and portfolio dashboards.
Chart 14 - Total Assets Charttotal-assets-chartDisplay total assets in a simple chart for financial monitoring. Suitable for accounting systems, business dashboards, and portfolio tracking.
Chart 02 - Total Orders Charttotal-orders-chartDisplay total sales in an easy-to-read chart for quick business insights. Great for ecommerce dashboards, order management systems, and sales reports.
Chart 16 - Total Profit Charttotal-profit-chartMonitor profit trends using a chart designed for financial reporting. Useful for evaluating business performance and profitability.
Card 05 - Total Sales Cardtotal-sales-cardHighlight total sales revenue with a growth percentage badge and a decorative background illustration. Ideal for ecommerce dashboards that need an eye-catching summary metric.
Chart 15 - Total Sales Charttotal-sales-chartPresent total sales figures with a clean visual summary in the chart. Helps teams measure overall sales performance without scanning detailed reports.
Chart 26 - Traffic Sources Charttraffic-sources-chartVisualize traffic split across Organic, Paid, and Referral sources with a segmented distribution bar and per-source tooltips. Ideal for marketing dashboards and web analytics.
Card 13 - Upcoming Appointments Cardupcoming-appointments-cardDisplay a patient appointment schedule with avatars, doctor names, times, and type badges. Built for healthcare portals and clinic dashboards.
Card 12 - Upcoming Events Cardupcoming-events-cardList upcoming events with date, time, and type badges in a clean bordered card. Suitable for education platforms, school portals, and event calendars.
Card 18 - Update Bannerupdate-bannerNotify users about new features or any updates in a clear card block along with a CTA button. Helps improve product communication without interrupting the UX.
Empty State 06 - Usage Reports Empty Stateusage-reports-empty-stateLet users scope a report by team, project, and date range, then trigger generation from a split action button before any reports have been produced yet.
Chart 13 - User Activity Chartuser-activity-chartVisualize user activity and checkouts over time. Perfect for analytics dashboards, SaaS platforms, and community applications.
Chart 25 - Weekly Engagement Chartweekly-engagement-chartVisualize weekly engagement with a segmented bar chart alongside impressions and engagement totals. Ideal for marketing dashboards, campaign reports, and analytics platforms.