@shadcn-dashboard

Display products with weekly sales, new users, & purchased orders in a clean card layout. Suitable for ecommerce stores, product catalogs, and marketplace dash…

Highlight key shopping actions like orders, shipped orders, revenue, or ratings in a compact card. Fits ecommerce dashboards where users need quick access to c…

Present total assets with supporting metrics like employees, projects, clients, and events in a simple overview card. Useful for finance, investment, crypto, a…

Track marketing campaign results with user metrics along with status reports. Great for advertising platforms, growth teams, and marketing analytics.

Highlight total sales revenue with a growth percentage badge and a decorative background illustration. Ideal for ecommerce dashboards that need an eye-catching…

List recently added products with thumbnail, name, buyer count, and price inside a scrollable card. Useful for ecommerce dashboards tracking new product activi…

Showcase connected third-party integrations like Figma, Claude, and cloud storage with an icon and description grid. Great for settings pages and integration m…

Group contributors, affiliates, and infrastructure partners with tooltip-labeled icons and a call-to-action button. Suited for about pages, changelogs, and par…

Show 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 indic…

Auto-playing product image carousel with progress dots and a call-to-action overlay. Great for ecommerce dashboards promoting featured products or premium plan…

An 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.

List upcoming events with date, time, and type badges in a clean bordered card. Suitable for education platforms, school portals, and event calendars.

Display a patient appointment schedule with avatars, doctor names, times, and type badges. Built for healthcare portals and clinic dashboards.

Track doctor performance with avatar, specialty, patient count, rating, and availability status in a bordered list card. Suitable for healthcare and clinic das…

Track health-related updates with a dropdown monthly & yearly selection report card in a clean banner layout. Suitable for healthcare portals and patient dashb…

Manage school updates or important notices with dropdown options using this engaging banner section. Great for education platforms, student portals, and LMS.

Track sales performance over time with a clear trend visualization. Useful for monitoring growth, seasonal patterns, and business performance at a glance.

Display total sales in an easy-to-read chart for quick business insights. Great for ecommerce dashboards, order management systems, and sales reports.

View sales data across different dates in a single chart. Helps compare performance, identify trends, and monitor business growth.

Group customers into meaningful segments based on selected data. Ideal for marketing dashboards, CRM platforms, and customer analytics.

Understand how sales are distributed across products, categories, and monthly reports. Makes it easier to spot top-performing areas and sales gaps.

Monitor key SaaS metrics like automations, revenue, or active users. Best for product analytics, startup dashboards, and subscription platforms.

Visualize revenue generated across daily, monthly, and yearly timelines. Useful for tracking business performance and comparing revenue sources.

Break down revenue into multiple categories for better financial analysis. Helps teams understand where income is coming from.

Highlight important business metrics in a simple, visually organized, region-wise format. Suitable for executive dashboards and quick performance reviews.

Compare monthly sales performance with an easy-to-read chart layout. Helps identify growth trends and seasonal sales changes.

Track revenue growth in percentage with clear visual comparisons. Useful for financial dashboards and business reporting.

Summarize order activity in a compact chart with meaningful insights and comparisons. Fits ecommerce dashboards, inventory systems, and sales monitoring tools.

Visualize user activity and checkouts over time. Perfect for analytics dashboards, SaaS platforms, and community applications.

Display total assets in a simple chart for financial monitoring. Suitable for accounting systems, business dashboards, and portfolio tracking.

Present total sales figures with a clean visual summary in the chart. Helps teams measure overall sales performance without scanning detailed reports.

Monitor profit trends using a chart designed for financial reporting. Useful for evaluating business performance and profitability.

Track advertising expenses across campaigns or time periods. Helps marketing teams measure spending and optimize campaign budgets.

Show attendance data in a visual format that is easy to understand, along with time periods. Great for schools, workplaces, and employee management systems.

Display paid fees with a simple chart for quick financial tracking. Useful for education portals, billing systems, and payment dashboards.

Monitor outstanding fees with a clear visual overview. Helps administrators identify pending payments and improve collection tracking.

Visualize grade distribution across students or classes in one chart. Suitable for school dashboards, academic reports, and education platforms.

Present staff salary data with a structured chart for easy comparison. Useful for HR dashboards, payroll systems, and workforce analytics.

Track bed occupancy across ICU, Emergency, General Ward, and Pediatric departments with a radial chart and per-department breakdown. Ideal for hospital managem…

Visualize new admissions vs returning students with a stacked half-circle radial chart and a total student count at a glance. Ideal for school dashboards, educ…

Visualize weekly engagement with a segmented bar chart alongside impressions and engagement totals. Ideal for marketing dashboards, campaign reports, and analy…

Visualize traffic split across Organic, Paid, and Referral sources with a segmented distribution bar and per-source tooltips. Ideal for marketing dashboards an…

Track freight volume and SLA compliance with a dual-axis area chart, period selector, and animated stat totals. Ideal for logistics and supply chain dashboards.

Visualize warehouse hub storage utilization with a segmented block bar chart, average utilization banner, and a 2-column regional hub breakdown list. Ideal for…

Fleet vehicle distribution overview with a multi-segmented allocation bar and a breakdown list of vehicle types with usage duration and percentage share. Ideal…

Stacked area chart of daily sales split by channel with a cursor-following highlight mask and a selectable date range. Great for revenue and sales trend dashbo…

Interactive donut chart breaking down orders by sales channel with patterned segments, hover highlighting, and a percentage legend. Great for POS and sales cha…

Guest satisfaction card with a star rating summary, a trend badge, and a daily review-volume bar chart highlighting the peak day. Ideal for feedback and CSAT d…

Track weekly customer growth with a headline count, a growth-percentage badge, a compact area chart, and a week-over-week comparison list. Ideal for ecommerce …

Compare product distribution across years with a headline count, growth badge, donut chart, and a footer profit note. Ideal for ecommerce and inventory dashboa…

Compare online vs offline total sales across months with a year selector, headline total, and a growth-percentage badge in a combined bar and line chart. Ideal…

Track payment volume across the week with a headline count, growth badge, stacked bar chart, and a Paypal vs Credit/Debit Card legend split. Ideal for ecommerc…

Track annual profit with a conversion rate banner, area chart trend, and a breakdown of cart, wishlist, and checkout metrics. Ideal for ecommerce and sales das…

Toggle between profit and expenses views with a tabbed header, sales-this-year and last-year summary stats, and an area chart or bar chart trend. Ideal for fin…

Track weekly sales with a dropdown period selector, a headline total with a growth-percentage badge, and a rounded bar chart with a highlighted day and custom …

Revenue updates chart with a year selector, a stacked earnings/expense bar chart, and a summary panel with total earnings, this month's earnings and expense, a…

Compact monthly earnings card with a headline value, growth-percentage badge, and a sparkline area chart. Ideal for dashboard overview widgets.

Yearly revenue breakup card with a headline value, growth-percentage badge, year legend, and a donut pie chart. Ideal for finance and admin dashboards.

Weekly stats card with an average sales area chart and a ranked list of top sales, best seller, and most commented entries with icons and record badges. Ideal …

Sales from locations chart comparing USA and India monthly sales with a stacked bar chart, legend, and tooltip. Ideal for sales and ecommerce dashboards.

Sales overview chart with a headline total, growth-percentage badge, an earning/profit/expense legend, and a single-hue stacked bar chart. Ideal for sales and …

Earning reports donut chart with a centered total label, plus a customer segment breakdown showing share, earnings, and growth-percentage badges. Ideal for fin…

Welcome users with a personalized message and highlight important messages with a CTA button. Perfect for dashboard homepages and employee or customer portals.

Notify 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.

Showcase important business metrics with a date picker & monthly, yearly dropdowns in a visually engaging analytics banner. Useful for reporting insights.

Logistics & supply chain command banner with fleet SLA badge and region dropdown selection. Suitable for logistics, fleet management, and supply chain dashboar…

Restaurant POS terminal banner with shift status badge, live kitchen connection indicator, and sync status. Suitable for point-of-sale and restaurant dashboard…

Scrollable active fleet drivers list with avatar, vehicle, status badge, and rating in a bordered card. Suitable for logistics and fleet management dashboards.

Restaurant POS analytics grid with a top taste picks highlight card and gross sales, orders, table occupancy, and average check stat cards with trend badges. S…

Top selling dishes list with item image, category, revenue, and order count, plus a dropdown menu for menu actions. Suitable for POS and restaurant dashboards.

POS payment transactions list with payment method icon, order reference, terminal, and amount trend indicator, plus a dropdown menu for settlement actions. Sui…

Celebrate a sales milestone with a personalized greeting, growth percentage, and a quick breakdown of orders, deliveries, and revenue. Ideal for ecommerce and …

Track a deal's progress toward its target with a progress bar, coupons-used count, and a stack of recent purchaser avatars. Ideal for ecommerce and promotions …

Promote a course or webinar with a cover image, title, description, and a stack of enrolled participant avatars. Ideal for education platforms and community da…

Highlight best-selling products with a decorative background illustration and a per-product price and sales-percentage progress bar. Ideal for ecommerce and ma…

Display a chronological log of daily activities with timestamps, a connected dot timeline, and optional linked references. Ideal for admin, sales, and finance …

Personalized welcome banner with a greeting, subtitle, quick stat breakdown, and a decorative background illustration. Ideal for dashboard homepages and CRM ov…

A row of three compact stat cards showing refunds, sales, and earnings with an icon, value, and trend percentage badge. Ideal for dashboard overview sections.

Upcoming corporate events card with tabbed filtering (All, Delivered, Shipping), a dropdown menu, and event entries showing freight name, ID, HQ, and destinati…

Recent transactions list card with payment method icons, descriptions, transaction amounts, a dropdown menu, and a view full report button. Ideal for finance a…

Analytics dashboard statistics layout with a main earnings/expense summary card featuring a background illustration, plus weekly sales and purchase orders stat…

Sales by country list card with flag icons, revenue figures, country names, a dropdown menu, and growth-percentage badges. Ideal for sales and finance dashboar…

A token routing console for LLM control planes — model priority and budget guardrail stats, a per-model token usage & spend routing list with priority ranks an…

An AI care operations dashboard for hospitals, medical centers, and social care teams — with a status banner, triage & risk stat cards, a care escalation timel…

An 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 breakdo…

A minimalist, centered card layout for login. Features email, password, and social login options. Ideal for straightforward authentication flows in SaaS apps o…

A 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.

A two-column landing page style login layout featuring marketing copy, text morph animations, a brand slider, and testimonials alongside the login card.

A centered login card layout that includes a dedicated footer section displaying a grid of trusted company logos to build social proof.

A creative split-screen login layout featuring an immersive Three.js interactive 3D color bends animation on one side and the form on the other.

A 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.

A two-column login layout with the sign-in form on the left and an infinitely scrolling, diagonally slanted image marquee filling the right panel.

A clean, centrally aligned card design for creating accounts. Includes core input fields and social providers, making it perfect for frictionless user onboardi…

A dual-panel registration screen that showcases a looping ambient video alongside the signup form. Excellent for creating a premium first impression for new us…

A 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 r…

A centered registration card enhanced with a logo gallery in the footer. Displays trusted partner brands immediately below the signup fields to increase conver…

An innovative dual-panel registration view that pairs the signup form with an interactive, WebGL-powered 3D color bending visualization for a highly modern aes…

A split-screen registration layout with an interactive canvas particle field that drifts ambiently and reacts to cursor movement on one side and the signup for…

A two-column signup layout with the registration form on the left and an infinitely scrolling, diagonally slanted image marquee filling the right panel.

A focused, center-aligned verification box. Contains a secure code input and a resend action, providing a distraction-free experience for identity confirmation.

A side-by-side verification layout combining an engaging video background with a secure OTP input panel. Great for maintaining brand immersion during security …

A comprehensive verification page that leverages a two-column structure. Displays marketing messages and trust indicators on one side while handling OTP entry …

A focused verification card that builds trust by featuring a grid of sponsor or client logos at the bottom, reassuring users during the authentication step.

A visually striking verification layout that splits the screen between the OTP input and a dynamic, interactive Three.js 3D abstract animation, elevating the s…

A 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 o…

A two-column verification layout with the OTP form on the left and an infinitely scrolling, diagonally slanted image marquee filling the right panel.

A simple, centered recovery form. Provides an email field and clear instructions to help users regain access to their accounts quickly and easily.

A 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 re…

An expansive account recovery layout built like a landing page. Uses dynamic text animations and a brand carousel to reassure users while they reset their cred…

A recovery card design supplemented by a bottom section containing prominent company logos. Adds an element of professional credibility to the password reset p…

A 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 o…

A 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…

A two-column password recovery layout with the reset form on the left and an infinitely scrolling, diagonally slanted image marquee filling the right panel.

Guide patients through a multi-step appointment booking flow with patient details, visit scheduling, and a final review before confirmation. Great for clinic p…

Spin 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 on…

Collect user details through a structured multi-section form with step-by-step navigation. Best suited for account setup, workspace configuration, and onboardi…

Guide users through account creation with a progress bar and a multi-step registration experience. Perfect for SaaS onboarding, membership platforms, and appli…

An animated multi-step onboarding form with a circular progress indicator, role-selection cards, and a success screen. Perfect for user onboarding, sign-up flo…

An 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 …

Start your admin panel with a complete dashboard structure that keeps navigation, content, and user actions well organized. Perfect for SaaS platforms, analyti…

Supports right to left languages with a layout designed for Arabic, Hebrew, and multilingual applications. Build localized dashboards without restructuring you…

Choose a horizontal navigation pattern for dashboards that need maximum workspace and simplified navigation. Great for enterprise tools, reporting platforms, a…

Create chat interfaces with a complete application layout including conversations, message area, and input sections. Save development time by customizing a pro…

Organize note taking experiences with structured layouts for navigation, editing, and content management. Customize the shell to build documentation tools, per…

Track best selling products with ratings, pricing, demand status, and built in add, edit, and delete actions. Great for inventory management, product administr…

Monitor recent sales orders with searchable records, pagination, payment details, and order statuses. Built for ecommerce dashboards, billing systems, and orde…

Manage projects, assigned managers, order values, and progress from a sortable table with status indicators and quick actions. Useful for project tracking, ope…

Compare top performing AI products with structured metrics for quick revenue and performance tracking. Fits AI marketplaces, SaaS dashboards, and product analy…

Display recent student enrollments with grades, subjects, enrollment status, and quick add, edit & delete actions. Suitable for education portals, LMS dashboar…

Organize patient records with age, department, diagnosis, treatment status, and management action buttons. Designed for hospital dashboards, healthcare portals…

Update customer records directly from an editable table with search, status filters, and quick row actions. Perfect for CRM platforms, customer support tools, …

Analyze revenue across different months and product categories using sortable tabular data. Best for finance dashboards, sales reporting, and business performa…

Find records faster with searchable data, column filters, and row selection using checkboxes. Useful for admin panels, reporting tools, and large business data…

Manage users with role, subscription plan, billing method, account status, and action controls from one table. Ideal for SaaS applications, workspace administr…

Compare product performance using sales, earnings, category, and technology information in one view. Suitable for ecommerce analytics, inventory reporting, and…

Review customer feedback with searchable records, review dates, and user details for faster moderation. Helps support teams monitor customer sentiment and impr…

Track ongoing projects with budgets, assigned teams, project leaders, and activity progress in one organized table. Built for project management dashboards, ag…

Real-time restaurant order queue table with order & location, server, item images with names, KDS status badge, and amount & time in a scrollable card. Built f…

Freight shipment tracking table with tracking ID, route, carrier, status badge, ETA, and a row action dropdown menu, in a scrollable card. Built for logistics …

Customer reviews table with product thumbnail, customer details, star rating, review text, status badge, search, and a row action dropdown menu. Built for ecom…

Product order table with thumbnail, payment progress bar, payment status, order status badge, and a row action dropdown menu, inside a scrollable card. Built f…

Top projects table with row checkboxes, icon thumbnail, budget, manager avatar, a progress bar per project, a search input in the header, and a row action drop…

Update personal information, profile visibility, and account preferences from a clean settings layout. Ideal for user dashboards, profile management pages, and…

Organize account settings with sidebar navigation for faster access to preferences. Great for managing profile information, notifications, security, and appear…

Complete online purchases with a streamlined checkout process from shipping to payment. Suitable for ecommerce stores that require secure and user-friendly ord…

Register students using a structured enrollment form with guardian and subject details. Useful for schools, educational platforms, and online course registrati…

Capture employee information with dedicated sections for personal details and job preferences. Fits HR portals, recruitment systems, and staff onboarding appli…

Collect multiple entries dynamically without creating separate forms for each record. Useful for surveys, inventory management, expense reports, and custom dat…

Separate complex forms into organized tabs for a cleaner and more manageable experience. Perfect for lengthy forms with multiple categories, settings, or confi…

A 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…

An 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 cr…

Download table records with a single click for reporting, backups, and data sharing. This block is specially built for any application that requires quick and …

Display large datasets in a compact table layout with reduced spacing for better visibility. Ideal for dashboards where users need to scan more records without…

Sort rows by different columns to quickly organize and compare data. Suitable for admin panels, user management, inventory, and reporting interfaces.

Filter table records with flexible controls to help users find relevant data faster, along with search functionality. Great for CRM systems, ecommerce dashboar…

Break large datasets into manageable pages for improved performance and navigation. Fits dashboards that handle customers, orders, products, or financial recor…

Export single or multiple rows for bulk actions and data management tasks. Useful for user administration, order processing, and inventory management.

Show or hide table columns to create a personalized data view for different users. Perfect for dashboards with customizable reporting and flexible workflows.

Edit table data directly within rows without leaving the current page. Works well for inventory updates, project tracking, and business management tools.

Keep important headers or columns visible while scrolling through large datasets. Helpful for financial reports, analytics dashboards, and data-heavy applicati…

Reorder table columns with drag and drop to match different user preferences. Suitable for customizable dashboards and data management interfaces.

Rearrange table rows using drag and drop for better organization and prioritization. Great for task management, workflow builders, and content management syste…

Use this expandable table to reveal additional details with collapsible rows without navigating away from the page. Useful for customer records, order informat…

A feature-rich user management table with search, status filtering, sorting, row selection, and pagination. Useful for admin panels, user directories, and cust…

Navigate dashboards with a clean vertical sidebar featuring grouped links for dashboards, pages, apps, and settings. Includes branding, a collapsible layout, a…

Save screen space with a compact sidebar that keeps essential navigation within easy reach. Great for modern dashboards where minimal layouts and faster naviga…

Separate navigation into two organized columns for better content discovery and quicker access to key sections. Suitable for dashboards with analytics, applica…

Keep navigation simple with a clean single column sidebar focused on frequently used pages and tools. Fits lightweight admin panels, internal portals, and prod…

Combine structured dashboard navigation with a dedicated promotional section for upgrades or announcements. Useful for SaaS products that highlight premium pla…

Navigate large applications through collapsible menu groups, intuitive icons, and well-organized sections. Designed for admin interfaces that require scalable …

Enhance dashboard navigation with animated interactions, expandable flyout menus, and a searchable console-style layout. Ideal for cloud platforms, developer t…

Manage dashboard navigation with organized menu groups, icons, and collapsible sections for a cleaner sidebar. Built for admin panels, SaaS platforms, and busi…

Combine 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, a…

Pair a workspace switcher, AI shortcut, favorites, and collapsible project groups with a right-hand panel for schedules, meetings, and checklists. Great for pr…

Help users understand why content is missing instead of displaying a blank screen. Perfect for new projects, dashboards, and first-time experiences that encour…

Guide users when searches return no matches with clear messaging and helpful suggestions. Improve search experiences by encouraging refined keywords or adjuste…

Display informative placeholders when analytics or reports have no available data. Great for dashboards waiting for integrations, metrics, or newly connected d…

Prompt 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 fo…

Kick off a new workspace by inviting core teammates and syncing the directory, then surface the next quick actions like deliverables, briefs, and standups.

Let 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.

Display essential footer navigation together with social media buttons in a clean layout. Great for SaaS dashboards, admin panels, and web apps that need quick…

Keep your dashboard clean with a simple one line footer showing copyright information only. Perfect for internal tools, admin dashboards, and applications that…

Combine copyright text, quick navigation links, and social media icons in a single horizontal footer. Best for modern dashboards where space is limited but ess…

Manage API keys, usage limits, billing information, and third-party integrations from a single account settings layout. Perfect for SaaS dashboards that need s…

Update personal information, manage passwords, and configure account security with a clean settings interface. Designed for applications that require simple pr…

Manage 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 l…

Organize 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 …

A complete ecommerce admin dashboard shell with overview tabs, update banner, total sales chart, total assets, orders, profit, advertisement cost, and projects…

A full-featured ecommerce dashboard shell with store overview, monthly sales, revenue growth, customer segmentation, order overview, user activity, ecommerce a…

A marketing analytics dashboard shell featuring a report banner, key insights, website visits, sales distribution, product action cards, campaign performance, …

A SaaS and AI-focused dashboard shell with a header, metric cards, sales overview, revenue distribution, AI chat assistant, and best AI products sections. Perf…

A school and education management dashboard shell with a header, metric cards, attendance overview, grade distribution, fees paid, fees pending, staff salary, …

A healthcare and hospital management dashboard shell with a header, total patients, monthly revenue, weekly appointments, patient flow, recent patients, doctor…

A restaurant POS analytics dashboard shell with a POS header, KPI stat cards, weekly revenue overview, order type distribution, top selling items, recent payme…

A logistics and supply chain dashboard shell with a fleet command header, KPI metric grid, freight volume & SLA trend chart, carrier cost breakdown, shipment s…

A complete AI chat conversation block with a centered welcome and suggested prompts, a scrollable message thread with assistant and user bubbles, and a compose…

A standalone AI chat composer with file attachments (drag, drop, and paste), a model picker with effort levels and a thinking toggle, speech-to-text dictation,…

The frame around an AI chat: a collapsible sidebar with pinned and recent chats, rename and delete actions, a command-palette style search dialog, a workspace …

A docked AI assistant panel that sits alongside your app content at desktop sizes and slides in as a sheet below the lg breakpoint: a header with chat history,…

The sharing flow for an AI chat: a dialog with visibility options (private, team, or public link) and a copy-link row, ready to drop into any chat block.

Animated List component

Setup Steps component

Expandable stack of cards showing notifications with dynamic spring layouts

Default accordion component

Multi-level accordion component

FAQ accordion with numbered items, background fill on open, and +/- toggle

Accordion wrapped in a rounded card with left-aligned +/- icons and border dividers

Accordion with icon trigger, description, and an image revealed on open

Accordion with a filled accent background on the trigger header

Animated accordion with a number bubble, sliding title shift, and an expanding bottom line on hover and active states — built with motion/react for fluid sprin…

Default avatar component

Group avatar component

Badge avatar component

Border avatar component

Counter avatar component

Fallback avatar component

Animated selectable avatar button with optional badge and name label

Stacked avatar group with overflow count and popularity indicator

With Icon button component

Shiny Text button component

Shine Hover button component

Heartbeat Effect button component

Get Figma File button component

Animated Border button component

Social button component

Social Icon button component

Outline With Icon button component

Save button component

Cancel button component

Default button component

Size xs button component

Size sm button component

Size lg button component

Mouse-tracking ripple spotlight effect button

Circle blob expands from bottom center on hover to fill the button

Animated promo code copy button with blur transition and progress fill

Interactive Hover button

Badge component

Badge component

Badge component

Badge component

Badge component

Badge component

Animated success badge with top glow and letter-by-letter reveal

Animated pending badge with spinning loader and top glow

Animated failed badge with top glow and letter-by-letter reveal

Calendar component

Calendar component

Calendar component

Calendar component