Components for the template bank

A server management table component for displaying infrastructure data including server names, OS types (Windows/Linux/Ubuntu), geographic locations, IP addresses, CPU utilization metrics, and status indicators. Features

A clean, tabular task list component that displays tasks with their category, status (Completed, In Progress, Pending), and due date in an organized table format. Features animated entrance with Framer Motion stagger eff

An interactive logs table component built with shadcn-ui that displays timestamped system events with filtering capabilities. Features multi-select dropdown filters for log level, service, and status, along with search f

A minimalist date picker component built with @ark-ui/react featuring inline calendar display with month navigation controls, day selection grid, and dark mode support. Uses Tailwind CSS for styling with smooth hover tra

A clean hover card component built with Ark UI that reveals contextual content on mouse hover with smooth fade animations. Features a minimalist design with border styling, shadow, and dark mode support. The card include

A lightweight badge component with four variants (default, secondary, destructive, outline) for displaying status indicators, tags, and metadata in UI applications. Built with class-variance-authority for type-safe varia

A financial markets data table component that displays stock market indices with mini sparkline charts, real-time prices, daily changes, and key financial metrics including YTD returns, dividend yields, and market capita

A professional resizable data table component for displaying employee records with customizable column widths, status indicators, and theme support. Features drag-to-resize columns using react-resizable, smooth animation

A customizable Bento Grid layout component for React that arranges content cards in a responsive masonry-style grid. Supports variable column spans, icons, status badges, tags, and hover effects. Built with Tailwind CSS

A MUI X DataGrid-based table component with sorting, pagination, and dark mode support. Features a Paper wrapper with shadow and rounded corners, displaying columns for ID, names, and age with a computed full name field.

A flexible toggle button group component from Intentui that allows users to select one or multiple options from a connected set of buttons. Supports horizontal and vertical orientations, multiple sizes, and different vis

A comprehensive sales leads data table component for CRM dashboards that displays customer information including contact details, source attribution, deal values, and engagement metrics. Features animated sparkline chart

A skeuomorphic navigation component featuring list and grid icon toggles designed for dark-themed interfaces. The component implements realistic, tactile button styling with hover and click interactions, making it ideal

A clean, minimalist data table component for displaying contributor information including names, emails, locations, activity status, and payout amounts. Features hover interactions on rows and status-based styling with c

An inline analytics table component for displaying regional business metrics including sales, revenue, and growth data with trend indicators. Features progress bars for each metric column and color-coded trend icons (gre

A lightweight badge component from the shadcn/ui design system that displays small status indicators or labels. Supports multiple variants (default, secondary, destructive, outline) for different visual treatments. Built

A flexible checkbox group wrapper component that provides consistent labeling, error handling, and layout options for grouping related checkbox inputs. Supports both horizontal and vertical arrangements with optional hel

A reusable table component system from Coss.com featuring semantic HTML table elements (table, thead, tbody) with responsive overflow handling. The component includes sophisticated Tailwind styling with rounded corners,

A custom animated select dropdown component with smooth AnimatePresence transitions and click-outside-to-close functionality. Built with motion/react for fluid animations, it clones child elements to inject selection han

Intent UI Toggle Group is a flexible, accessible form component for selecting one or more options from a grouped set of toggle buttons. Built on React Aria Components with Tailwind Variants, it supports horizontal and ve

A sophisticated contacts table component with modal detail view, featuring connection strength visualization, sorting capabilities, and smooth Framer Motion animations. Supports dark/light theme modes and includes export

A responsive grid component that displays resource cards with icons, titles, and external links. Features staggered entrance animations via Framer Motion and subtle hover scale effects. Uses shadcn/ui design tokens for t

A draggable list component that enables users to reorder items through intuitive drag-and-drop interactions with smooth Framer Motion animations. Built with React hooks for state management, supporting custom item render

A comprehensive financial dashboard component featuring search functionality, quick actions grid, recent activity timeline, and financial services showcase. Built with Framer Motion for staggered entrance animations and

A responsive masonry grid component with scroll-triggered animations featuring scale and rotation effects. Cards animate in from different transform origins based on their column position, creating a cascading reveal eff

A composite data-display card component designed for presenting health statistics and metrics with optional animated bar graphs. Features a structured layout with header, stat grid, visualization area, and tooltip-enable

A feature comparison table component that displays supported technologies (programming languages and frameworks) with checkmark and X icons indicating support status and version information. Uses a clean tabular layout w

A data table component with integrated dialog functionality for viewing and managing structured data. Includes a reusable Badge component with multiple style variants (default, secondary, destructive, outline) for displa

A lightweight avatar component system built on Radix UI primitives featuring profile image display with graceful fallbacks, status indicators with multiple variants (online/offline/busy/away), and flexible composition th

A composite resizable panel layout system built on react-resizable-panels that provides flexible split-view functionality. Features horizontal and vertical panel groups with draggable resize handles, optional grip indica

A composite Avatar component system built on Radix UI primitives featuring profile image display with automatic fallback to initials, status indicators for online presence (online, offline, busy, away), and positioning-a

A clean, accessible Avatar component built on Radix UI primitives with separate AvatarImage and AvatarFallback sub-components. Uses Tailwind for minimalist rounded styling with responsive sizing, suitable for displaying

A functional spreadsheet grid component with cell selection, editing, and formula support. Features click-to-select and double-click-to-edit interactions for cells arranged in a configurable row/column layout. Implements

A React component that transforms text input into a GitHub-style contribution graph visualization. It maps characters to grid cell patterns using a letter-to-position encoding system, rendering them as green cells across

A Radix UI-based avatar component featuring image display with automatic fallback support for missing or failed images. This minimalist atomic component uses Tailwind CSS for styling with a clean rounded-full design, mak

A member list component that displays users with avatars, names, roles, and priority indicators in a clean, accessible table or list format. Uses Radix UI primitives for avatars and tooltips, with Tailwind CSS for stylin

A live notification feed component featuring auto-scrolling updates that cycle every 1.6 seconds with hover-to-pause functionality. Displays timestamped feed items like payments, issues, and alerts with smooth motion ani

A minimalist tracking timeline component designed for displaying order history and delivery progress. Features animated entrance effects using Framer Motion with staggered transitions, status-specific icons (Check, Circl

A horizontally-oriented timeline rail component that visualizes sequential steps or events with customizable dots, labels, and connecting rails. Supports both navigation links and button interactions, with emphasis styli

A reusable course design card component for displaying educational content progress, featuring a clean card layout with title, description, progress bar, participant avatars, and countdown timer. Built with TypeScript an

A notification and activity dropdown component featuring smooth open/close animations with rounded corner morphing transitions from rounded-2xl to rounded-3xl. Supports light and dark mode with subtle shadow effects for

A workout summary card component for fitness tracking applications that displays workout session details including date, activity type, equipment, image, and performance metrics. Features customizable stat items with ico

Audio player component with interactive timeline visualization and chapter markers. Features play/pause controls, progress bar, and clickable chapter segments that allow users to jump to specific timestamps. Built with T

A transaction list component that displays financial transactions in a clean, animated card format. Features smooth layout transitions and click-to-expand functionality to reveal detailed transaction information includin

A dynamic expandable action bar component that uses Framer Motion for smooth spring-based morphing animations. The bar reveals content inline when hovering over action items, featuring glass-morphism styling with backdro

A fitness-focused card component that displays workout sessions with date, title, duration, and animated exercise lists. Built with Framer Motion for staggered list animations, it uses a clean minimalist design with roun

A sophisticated dropdown menu component built on Radix UI primitives featuring drill-down navigation with back history, dual-physics ripple animations, and smooth menu transitions. Supports hierarchical nested menus with

An interactive radial orbital timeline component that displays chronological events or milestones in a circular, space-themed layout with orbital animation effects. Features hover interactions and potentially scroll-trig

A shadcn-style activity list component featuring Framer Motion animations for staggered list item reveals. Displays activity items with avatars, names, descriptions, formatted currency amounts, and dates. Uses spring-bas

A glass-morphism styled project pulse tracker card component displaying project metadata, team member status (online/busy/offline), and milestone progress. Features a two-column responsive layout with backdrop blur effec

An API rate limiting monitoring card component with animated server visualization that displays throttled and allowed request statuses. Features a dark minimalist design with continuous dot animation around a central ser

Animated hierarchical task management component featuring nested subtasks with real-time status updates, priority indicators, and tool integrations for AI agent workflows. Uses Framer Motion LayoutGroup for smooth morph

A compact status indicator badge with HUD-style glass-morphism design featuring gradient fills, glowing stroke effects, and theme-aware coloring. Supports multiple variants (primary, secondary, danger, warning) with cust

An animated metric display card featuring a radial progress bar with smooth fill animation and counting number effect. Built with Framer Motion for health/fitness data visualization, showing metrics like VO2 max with sta

A notification badge component that displays a count on a button with a bell icon, featuring a floating badge overlay that appears with type-specific colors and icons (success, error, info, warning). The badge auto-dismi

A lightweight animated alert component for displaying contextual feedback messages with color-coded types (success, error, warning, info). Features subtle entrance animations and interactive hover/tap effects using Frame

A customizable calendar date picker component built on react-day-picker, supporting single date and range selection modes. Features month/year navigation with chevron controls and dropdown selection, responsive design wi

A flexible badge component with 9 semantic variants (default, secondary, destructive, outline, warning, info, neutral, positive, negative) for displaying status indicators, tags, and categorical labels. Built with CVA fo

A reusable Badge component with multiple style variants (default, secondary, destructive, outline) built with class-variance-authority. Features hover and focus states for accessibility, commonly used for displaying stat

A system status block component for displaying health indicators and service states in monitoring dashboards. Provides visual feedback for system uptime, server connectivity, or API health status. Designed for integratio

A flight status card component displaying comprehensive airline information including departure and arrival cities, flight numbers, gate details, boarding times, and real-time status indicators. Built with Tailwind CSS a

A reusable badge component with four style variants (default, secondary, destructive, outline) using class-variance-authority for flexible theming. Features rounded pill styling with hover transitions and focus ring acce

A lightweight badge component using class-variance-authority for variant management. Supports four variants (default, secondary, destructive, outline) with standard hover state transitions. Built with Tailwind CSS utilit

A reusable Badge component with four style variants (default, secondary, destructive, outline) built with class-variance-authority for consistent theming. Features hover color transitions and accessible focus rings for k

A flexible badge component with multiple color variants for displaying status labels, notification counts, and feedback states. Supports primary, secondary, destructive, success, warning, and info variants with appearanc

A reusable badge component with multiple style variants (default, secondary, destructive, outline) built with Tailwind and class-variance-authority. Designed for displaying short informational labels, tags, or status ind

A clean, accessible date picker component built with Ark UI featuring a trigger input, month/year selectors, and a calendar grid popup. Includes dark mode support, clear functionality, and focus states. Designed for univ

An interactive stacked list component for displaying team members with avatars, role badges, and online/offline status indicators. Features role-based filtering, search functionality, and smooth motion animations for ite

A versatile badge component with four variants (default, secondary, destructive, outline) built with Tailwind CSS and class-variance-authority. Features accessible focus states with ring styling for keyboard navigation.

A lightweight Badge component built with class-variance-authority featuring rounded pill styling and four variants (default, secondary, destructive, outline). Ships with standard shadcn/ui patterns including focus rings

A lightweight, reusable badge component with four style variants (default, secondary, destructive, outline) following shadcn/ui design patterns. Built with class-variance-authority for consistent variant-based styling an

A reusable Badge component with four variants (default, secondary, destructive, outline) for displaying status labels, tags, and category indicators. Built with Tailwind CSS and class-variance-authority for flexible styl

Reaviz Incident Report Heatmap is a data visualization component that displays incident data in a color-coded grid format. It maps incidents across two dimensions (likely time-based like days and hours) with red indicati

A monitoring dashboard component for displaying incident response metrics and trends. Features animated counters, area charts for visualizing incident frequency over time, and metric cards with critical/improvement statu

A versatile badge component with multiple visual variants (primary, secondary, success, warning, info, destructive, outline) and appearance styles (default, light, outline, ghost). Features configurable sizes, disabled s

A composite Avatar component system featuring Radix UI primitives with multiple sub-components including Avatar, AvatarImage, AvatarFallback, AvatarIndicator, and AvatarStatus. Supports four status variants (online, offl

A lightweight user avatar component built on Radix UI primitives with customizable status indicators. Features composable sub-components for image, fallback, and status display. Supports online/offline/busy/away states w

A composite Avatar component system built with Radix UI primitives and class-variance-authority. Provides five sub-components: Avatar, AvatarImage, AvatarFallback, AvatarIndicator, and AvatarStatus. Features multiple sta

A reusable avatar component system built with Radix UI primitives and class-variance-authority. Features multiple sub-components (Avatar, AvatarImage, AvatarFallback, AvatarIndicator, AvatarStatus) with status variants i

A shadcn/ui-style statistics card component featuring Radix UI Avatar primitives with status indicators (online/offline/busy/away). Uses class-variance-authority for variant management and follows clean, minimalist desig

A badge component for displaying directional metric changes with up/down/neutral arrow indicators. Supports multiple variants (outline, solid, solid-outline, complex) with color-coded states for increase (emerald), decre

A flexible badge component built with class-variance-authority that supports multiple variants (default, secondary, destructive, outline) for displaying status labels, tags, and counts. Features rounded pill styling with

A status cycle button component that allows users to toggle through different states or statuses with a single click. Built on Radix UI primitives with class-variance-authority for variant management, it provides multipl

A minimalist proposal tracker card component with status badges and visual indicators. Built with shadcn/ui styling patterns, this component displays proposal progress and status information in a clean card layout. The B

A monochrome bento-grid layout component designed to showcase service delivery workflows and methodologies. Displays five process phases (Discovery, Design, Build, Validation, Evolution) as styled cards with titles, desc

A tab navigation component featuring a smooth sliding indicator that tracks both active and hovered tab states. Styled with Vercel's minimalist aesthetic, it uses CSS transitions and dynamic positioning calculations to c

A financial score card component system designed to display key metrics, scores, and performance indicators in a clean, dashboard-friendly format. Features metric cards with visual hierarchy, status indicators via badge

A configurable circular gauge component for displaying metrics and percentages with smooth spring animations via Framer Motion. Supports multiple rings, threshold-based coloring, gradient fills, glow effects, and various

A vertical image comparison slider component that displays two images stacked vertically and allows users to drag a handle to reveal and compare them. Supports both mouse and touch-based drag interactions with state mana

A reusable Badge component with variant support for different visual states (default, secondary, destructive, outline). Built with class-variance-authority for flexible theming and includes hover color transitions and fo

A cryptocurrency dashboard component that displays live prices, market capitalization, and percentage changes for top cryptocurrencies including Bitcoin, Ethereum, and BNB. Features animated sparkline charts for 7-day pr

A collection of five theme toggle button variants from the Reuno UI library designed for switching between light and dark modes. Built with Framer Motion for smooth layout animations including scale, gap, and direction t

A flexible button component built with Radix UI and class-variance-authority, featuring 10+ style variants including primary, mono, destructive, outline, dashed, ghost, and dim. Supports multiple sizes, optional arrow in

A flexible alert and notification component from the sean0205/rating package with multiple variant types (secondary, primary, destructive, success, info, warning, mono), appearance styles (solid, outline, light, stroke),

A versatile badge component with multiple style variants including default, secondary, destructive, and outline options. Features rounded pill-shaped design with hover states and focus ring accessibility. Perfect for cre

A filterable list item component with smooth spring-based entrance animations and icon support. Features staggered animation delays based on item index, selection state management, and click-to-select behavior. Uses Huge

A segmented toggle group component that allows users to select one option from a set of mutually exclusive choices. Built on Ark UI with Tailwind CSS styling, featuring dark mode support and smooth state transitions. Ide

An interactive image comparison slider component with smooth spring animations for the divider handle. Supports both drag and hover-based interaction modes with full touch support for mobile devices. Uses React context f

Hari Scheduler is an interactive scheduling component featuring a custom toggle switch for enabling/disabling repeating schedules with smooth color transitions. The component includes a SwapText subcomponent that animate

A tabbed navigation component built on Radix UI primitives, providing accessible keyboard navigation and ARIA-compliant tab switching. Features a clean, minimal design with smooth state transitions between active, hover,

Interactive economic calendar component for displaying market-moving economic events with country codes, times, and impact levels. Features horizontal scroll navigation with directional buttons, volatility indicators sho

A sleep tracking card component that displays comprehensive sleep metrics including time slept, quality score, and change percentage. Features an animated bar graph visualization showing different sleep stages (Awake, RE

A cryptocurrency statistics card component displaying market cap data, animated sparkline charts, dominance percentages, and coin information with prices and changes. Built with Framer Motion for draw-in animations, Tail

A tabbed navigation component featuring smooth fade and slide animations when switching between content panels. Built with framer-motion for fluid transitions, Radix UI primitives for accessibility, and glass-morphism st

A versatile pagination component with multiple button variant styles including primary, outline, ghost, and mono themes. Built on Radix UI primitives with Tailwind CSS, it provides accessible page navigation with proper

A clean accordion component built with @ark-ui/react and animated with framer-motion, featuring smooth expand/collapse transitions with a rotating chevron indicator. The component uses AnimatePresence and motion for heig

A navigation tabs component with primary (underline style) and secondary (pill style) variants. Supports disabled states, optional icons, and integrates with a tooltip component. Features minimalist flat design with hove

A lightweight tooltip wrapper component built on react-tooltip with customizable positioning, alignment, and color types. Uses Tailwind CSS for styling with semantic color variants and configurable appearance delays. Des

A bento-style dashboard card featuring animated tab navigation between four content panels: Dashboard, Management, Threads, and Resources. Built with Framer Motion for smooth transitions using LayoutGroup and AnimatePres

A discover button component combining tabbed navigation with an expandable search input. Features animated search expansion using Framer Motion's spring physics, dual-state tabs for Popular/Favorites filtering, and integ

Animated tab navigation component with discrete styling, featuring smooth transitions between content sections using framer-motion. The component supports multiple tab states and provides visual feedback through motion e

A foundational button component with Radix UI Slot integration and class-variance-authority for flexible styling. Supports 6 visual variants (default, destructive, outline, secondary, ghost, link) and 4 sizes (default, s

A modal dialog component built with Radix UI primitives and styled with Tailwind CSS. Features configurable button variants using CVA for different styles and states. Includes Lucide icons for close and confirm actions,

A morphing card stack component featuring smooth layout transitions between stack, grid, and list views, with drag/swipe navigation and expandable card details. Built with Framer Motion for fluid animations and supports

A reusable Button component built with Radix UI Slot for composition and class-variance-authority for variant management. Supports 6 visual variants (default, destructive, outline, secondary, ghost, link) and 4 sizes (de

A draggable card component featuring travel destination images with titles. Cards support mouse and touch drag interactions, z-index management for layering, and bring-to-front functionality when dragged. Designed for in

A dark-themed Kanban board component with drag-and-drop functionality for organizing tasks across customizable columns (Backlog, TODO, In Progress, Complete). Built with Framer Motion for smooth animations and includes a

A dynamic island-inspired notification overlay component that morphs between compact and expanded states. Features animated transitions between idle, timer, and activity states with weather info, music controls, and phon

An inline dropdown component featuring click-to-reveal options with hover states and hold-to-confirm progress animation. Supports multiple interactive states including favorite toggling, inline editing, and context actio

An animated number display component that renders smooth, flowing number transitions using the NumberFlow library and framer-motion. Features countdown timer functionality with pause and reset controls, minimal styling w

An animated login form component featuring staggered text animations, social authentication icons (GitHub, Shopify, Twitch, YouTube), circular progress indicators, and dark mode support. Uses Framer Motion for smooth ent

A swipe-to-verify button component that requires users to drag a thumb or indicator across a track to confirm an action. The component features drag-based interaction with visual feedback states including idle, swiping,

A dropdown select component with smooth Framer Motion animations, featuring a pill-shaped trigger that morphs into an expanded dropdown menu with spring-based transitions. Built with Tailwind CSS and lucide-react icons,

A customizable onboarding progress stepper component that displays sequential stages with completion status, progress percentage, and themed color options. Built with Framer Motion for staggered entrance animations, it s

A vertical step-by-step order tracking component that displays order progress with completed and incomplete states. Features CheckCircle2 and Circle icons with connecting vertical lines that change color based on complet

A leaderboard entry card component displaying ranked users with avatars, scores, progress bars, and optional crown icons for first place. Features configurable color tones (emerald, blue, zinc), size variants, dark mode

A success login card component designed to confirm successful user authentication. Features a clean, minimalist design with button variants supporting multiple visual states including default, destructive, outline, secon

A password input component with real-time strength validation featuring a visual strength meter, animated progress bars, and a requirements checklist. The component includes a password visibility toggle with eye icons an

A minimalist stats card component for displaying metrics and progress indicators. Features a clean card layout with header, title, description, and progress visualization using Radix UI primitives. Designed for dashboard

A fully functional Kanban board component with drag-and-drop task management capabilities. Supports multiple columns with customizable colors, labeled tasks with assignees, and dynamic task creation. Built for project ma

A spending migrator component that enables users to select multiple sites or services to migrate their spending, featuring an animated credit card preview, progress tracking via NumberFlow, and animated selection states.

A sentiment analysis card component that displays categorized sentiment data through animated segmented progress bars. Features a clean header with overall sentiment indicator, icon support, and accessibility-friendly pr

A circular gallery component that arranges items around a central point in a radial layout. The gallery responds to scroll events by rotating the items based on scroll progress, and automatically rotates when the user st

A composite card component designed to display freelancer statistics including earnings with percentage changes, sub-statistics with labels, ranking information with icons, and animated availability bars. Built with Fram

A glassmorphic FAQ accordion component with translucent backdrop blur effects and smooth expand/collapse animations. Features icon-labeled items with developer-focused content about Origin UI, including TypeScript suppor

A lightweight checkbox input component with hover states and support for disabled and indeterminate modes. Built with Tailwind CSS using clean, monochrome styling with subtle hover interactions. Ideal for forms, settings

A lightweight checkbox component from Subframe library featuring proper accessibility with focus-visible outlines and keyboard navigation support. Includes hover and active states with dark mode compatibility. Designed a

An animated button component with generation-focused styling, featuring smooth state transitions between idle and active/generating modes. Includes customizable hue-based highlighting, inner shadow depth effects, and SVG

A floating audio book player component with play/pause controls, progress slider, chapter display, and adjustable playback speed. Uses the HTML5 Audio API for audio playback and features a dark-mode compatible, minimal d

A lightweight dropdown menu component with trigger and menu item support. Features left/right alignment options, optional chevron indicator, dark mode styling, and proper ARIA accessibility attributes. The menu opens on

A location card component with hover animations, image display, and call-to-action for location-based content. Features smooth Framer Motion animations including scale, translate, and icon slide effects on hover. Designe

The Bauhaus Card is a dark-themed card component featuring a rotating gradient border, glass-morphism styling, and CSS variable theming for customization. It includes a header with date and action buttons, a body section

A feedback textarea component with real-time validation that displays error messages when input is below a minimum character threshold and success feedback when valid. Features accessible aria-invalid attributes and role

A grouped dropdown menu component built with Ark UI and Tailwind CSS featuring dark mode support, hover states on menu items, and organized content groups with dividers. This accessible, headless component provides a cle

A tags input component built with Ark UI that allows users to add, display, and remove multiple tag items in a flexible input field. Features dark mode support, keyboard-accessible delete buttons, and visual focus states

A dual-option radio button component with dark theme styling and subtle glow effects. Features 'yes' and 'no' options represented by circle and X icons respectively, with visual feedback on selection. Designed for binary

A modal dialog component built on Radix UI primitives with Tailwind CSS styling. Features multiple button variants (default, destructive, outline, secondary, ghost, link) and full dark mode support. Includes a close butt

A custom React hook that manages character limiting for text inputs and textareas. It tracks current value, character count, and provides a change handler that prevents input beyond the specified maxLength. Ideal for bui

A minimalist theme switcher component that provides a pill-shaped radio button group for selecting between system, light, and dark modes. It uses localStorage for persistence and window.matchMedia for system preference d

A lightweight theme toggle component that allows users to switch between system, light, and dark modes. Features smooth animated selection indicators using Framer Motion's layout animations, hover states, and accessibili

A minimalist blog card component with dark mode support and elegant hover interactions. Features a serif title font, monospace date display, and a warm terracotta accent color (#ce624c) that triggers on hover. The compon

A functional alert/confirmation dialog component built with Ark UI featuring backdrop blur overlay, smooth open/close animations, dark mode support, and accessible focus management. Displays a title, descriptive message,

An animated horizontal menu bar component featuring five navigation items (dashboard, notifications, settings, help, security) with custom SVG icons. The component uses smooth CSS transitions to animate the active indica

A sleek dark-themed sign-in form featuring glass-morphism styling with backdrop blur effects and gradient accents. The component includes email and password input fields with client-side validation, error messaging, and

An animated world map component that renders a dotted geographical visualization with curved animated paths connecting locations. Features theme-aware styling with dark/light mode support, hover interactions on locations

A multi-select cuisine preference selector with animated dark-themed chips built using framer-motion. Users can select multiple cuisines from a list of 24 global options with smooth layout transitions when items reflow.

A premium dark-themed checkbox component with smooth spring animations for the checkmark reveal and subtle scale effects on hover and tap. Features a glow effect when checked and uses framer-motion for polished micro-int

A confirmation dialog component designed for deactivation workflows, featuring a destructive action warning with AlertTriangle icon. Built with Radix UI Dialog primitives for accessibility and includes a comprehensive bu

A hover-animated profile card component featuring smooth motion effects with scale, translate, and blur transitions. Displays user avatar, verification badge, bio text, follower/following statistics, and a follow action

A profile card component that displays user information including avatar, name, subtitle, description, and customizable tags. Features smooth entry animations and hover scale effects using Framer Motion. Supports dark mo

A card component designed to display order confirmation details after a successful transaction. Built with shadcn/ui patterns using Radix primitives and Tailwind CSS for styling. Features a clean, minimal aesthetic with

A card-wrapped authentication component featuring tabbed navigation between sign-in and sign-up modes, with integrated social login buttons for Google, GitHub, and LinkedIn, plus standard email/password form fields. Styl

A clean, minimalist tag input component that allows users to add and remove tags via keyboard (Enter/Backspace) or click interactions. Features dark mode support, focus states with ring indicators, and hover effects on i

A modal overlay dialog built on Radix UI primitives featuring smooth fade and zoom animations for enter/exit transitions. The component includes a semi-transparent backdrop overlay, centered content positioning, and resp

A versatile KPI card component for displaying key performance indicators with trend visualization. Supports multiple visual tones (default, primary, success, warning, danger), trend indicators (up/down/flat), and optiona

A versatile admonition component providing contextual feedback through color-coded alert boxes. Supports seven distinct notification types (note, tip, info, warning, danger, success, caution) each with semantic icons and

A secure OTP (One-Time Password) input component with animated success and error states. Features spring-based animations using Framer Motion for verification feedback, including a checkmark reveal on successful validati

A lightweight PIN/OTP input component built on Ark UI for accessibility compliance. Features auto-value-complete functionality, dark mode support, and clean focus states with ring effects. Ideal for authentication flows

An emoji-based feedback card component that collects user satisfaction ratings through animated emoji buttons (Laugh, Smile, Frown, Angry) and an optional text area. Features smooth morphing animations between states usi

A profile dropdown component featuring a user avatar with hover scale animation, theme toggle (light/dark mode), and a menu with navigation options including activity log, settings, integrations, upgrade to Pro, and sign

A semantic alert/notification component with five color-coded variants (default, error, info, success, warning) using CVA for variant management. Features a grid-based layout with icon support, accessible role='alert', a

A lightweight status banner component that displays contextual messages using color-coded variants (success, warning, error). Features an optional icon, label text, and call-to-action link for user engagement. Designed w

A lightweight code snippet component with copy-to-clipboard functionality. Supports multiple display variants including default, inverted, and semantic states (success, warning, error) with optional prompt styling. Featu

An animated OTP (One-Time Password) input component featuring staggered digit reveal animations with fade effects. The component displays a security-themed card with animated digits cycling through auto-generated codes,

A sleek login card component with glass-morphism styling and backdrop blur effects. Features animated entrance using Framer Motion with staggered reveals, dark mode support, and responsive design. Includes email input fi

GlowTree is an animated hierarchical tree component for displaying file and folder structures with glowing visual effects. It features expand/collapse functionality, selection states, and smooth Framer Motion animations

A minimalist inline copy input component that displays text with a one-click copy-to-clipboard button. Features emerald color feedback on successful copy with automatic reset, dark mode support, and rounded border stylin

An Ark UI-based combobox component providing an accessible autocomplete dropdown with keyboard navigation, filter-based search, and clear functionality. Features a minimalist flat design with dark mode support, using a p

An accessible listbox component built on Ark UI that provides a dropdown selection interface with keyboard navigation support, check indicators for selected items, and dark mode compatibility. Designed for forms and sett

A customizable radio button group component featuring glass-morphism styling with backdrop blur, gradient glow effects, and customizable color themes. Supports keyboard navigation, dark mode, hover states with animated g

A clean, minimal text input component with integrated error state handling. Features customizable sizes (small, medium, large), error icons with optional action links, and red-themed error messaging for validation feedba

A fully interactive range slider component with drag-to-select functionality supporting both mouse and touch inputs. Features dark/light mode toggle and smooth animations via Framer Motion. Ideal for numeric value select

A polished toggle switch component with bouncy animations, gradient track styling, and subtle glow effects when active. Features smooth press states and hover feedback, making it ideal for premium feature gates and setti

A minimalist sidebar component that renders a scrollable list of message cards, each displaying user avatar, name, message preview, and timestamp. Supports click-to-select interaction with active state highlighting and a

A toast notification system that displays temporary alert messages in four types: success, error, warning, and help. Features an auto-dismissing progress timer bar, Lucide icons, and an imperative API for programmatic co

A lightweight info popover component built with Ark UI that displays contextual information in a bordered panel with title and description. Features a trigger button with focus and hover states, smooth fade animations, a

An AI prompt input box component with dark minimalist styling, featuring a resizable textarea, action tooltips for attachments, voice input, and stop generation controls. Built with Radix UI primitives, Framer Motion ani

A floating dock navigation component featuring animated icon buttons with smooth hover effects, tooltip labels, and a continuous subtle floating animation. Built with Framer Motion for fluid interactions, this component

A ChatGPT-style prompt input component built with Radix UI primitives providing accessible tooltips, popovers, and dialog support. Features smooth fade and zoom animations for overlays, dark mode support, and a clean min

A dark-themed AI prompt input box component featuring a textarea with auto-resize, multiple action buttons for file attachments, microphone, language selection, and AI settings, all protected by tooltips. Built with Fram

A lightweight tooltip component that displays contextual information when triggered by hover or anchor selection. Features configurable placement in four directions, dark mode support via CSS variables, and uses react-to

A minimalist tooltip trigger component that wraps children and displays contextual content in a styled tooltip on hover. Uses react-tooltip for functionality with customizable placement (top, bottom, left, right) and sup

A contact card component featuring a full-bleed profile image with an overlay that smoothly reveals on hover, displaying contact information with slide-up animations. Supports multiple color variants (default, primary, s

A customizable select dropdown component built on Radix UI with support for custom indicators, keyboard navigation, and visual states including focus, disabled, and error validation. Features context-based indicator posi

A composite animated card component featuring modular sub-components (CardBody, CardTitle, CardDescription, CardVisual) for building flexible card-based interfaces. Supports dark mode, hover animations via Tailwind group

An animated shifting tab dropdown component featuring smooth directional animations based on selection order. Tabs reveal dropdown content on hover with a rotating chevron indicator and fade-in transitions. Uses framer-m

A versatile alert component with multiple semantic variants (default, destructive, warning, success, info) supporting custom icons, dismissible behavior with smooth exit animations via motion/react, and full dark mode co

A toast notification component built with Ark UI that displays temporary messages to users. Features title and description fields, close button, smooth transitions, and dark mode support. Triggers on button click with co

A modern split-screen sign-up page featuring a gradient dark theme with glass-morphism effects on the left panel for branding imagery, and a clean minimal form on the right for user registration with first name, last nam

A minimalist 404 error page component with integrated navigation options including a home button and back arrow. Features a theme toggle for dark/light mode switching and includes an inlined Button component with default

A React toast notification system with context-based architecture supporting multiple toast types (success, error, warning, info) and 5 position options. Features auto-dismiss after 5 seconds, framer-motion animations, a

A 404 error page component with a dark minimalist design featuring animated message display, character animations, and circle effects. The page fades in with a 1.2-second delay and includes a styled back button with hove

A reusable dropdown menu component built with Ark UI that provides accessible keyboard navigation and focus management. Features dark mode support, portal rendering for proper z-index positioning, and styled menu items w

A reusable animated card component from the 21st.dev design system featuring a clean, flat visual style with dark mode support. The card includes modular sub-components for title, description, body content, and visual ar

An Apple-inspired theme switcher component featuring a liquid glass aesthetic with light, dark, and dim mode options. The component uses glass-morphism styling with smooth hover and click animations to toggle between the

A reusable alert banner component with multiple variants (success, destructive, warning, default) featuring built-in status icons, dismiss functionality, and optional primary/secondary action buttons. Built with Tailwind

A versatile alert and notification component with multiple variants (primary, secondary, destructive, success, info, warning, mono) and appearances (solid, outline, light, stroke). Features customizable sizes, icon slots

A SpendingLimitCard component from lavikatiyar's card collection that displays financial spending information with a clean, minimalist card design. Features subtle shadows, rounded corners, and interactive button element

A collection of five animated theme toggle button variants featuring smooth motion transitions using Framer Motion. Each variant offers unique visual styling for light/dark mode switching, with support for layout animati

A cryptocurrency swap card component featuring real-time price fetching from CoinGecko API with auto-refresh capabilities. Users can select source and destination cryptocurrencies, input swap amounts, and view live excha

A Radix UI-based alert dialog system with smooth fade, zoom, and slide animations. Features a semi-transparent overlay backdrop, accessible keyboard navigation, and a responsive centered modal with configurable header, b

A versatile button component featuring 11 variant styles including a distinctive monochrome option with dark/light mode support. Supports multiple button appearances (default, ghost, underlined) and sizes, with built-in

A minimalist 404 error page component designed to display when requested content cannot be found. Features a clean, modern aesthetic suitable for any industry, with an embedded Avatar component using Radix UI primitives

A context menu component with hover states, active states, and keyboard navigation support. Features a Row subcomponent with icon slot, children text, and right slot for additional actions. Includes dark mode support via

A collapsible sidebar navigation component for dashboard interfaces featuring smooth expand/collapse transitions, dark/light mode toggle, notification badges, and active state highlighting. Built with Tailwind CSS and Lu

A wheel picker component featuring iOS-style spinning selection drums for choosing from option lists. Supports both light and dark modes with subtle ring styling and rounded corners. The component provides smooth scrolli