A data-driven table component built with TanStack Table and Jotai, featuring built-in column sorting, header rendering, and integration with dropdown menus for advanced data management.
A drag-and-drop list component built with @dnd-kit that supports vertical reordering and status-based grouping with visual feedback for drop zones.
A drag-and-drop kanban board component featuring sortable columns and cards, built with dnd-kit for smooth interactions, custom styling, and integrated card components.
A highly interactive Gantt chart component for project scheduling, featuring drag-and-drop task management, customizable zoom levels, and context menu support built with dnd-kit and date-fns.
A responsive data table component wrapped in a card, featuring status badges with conditional styling, hover states for rows, and integrated action buttons for user management and directory listings.
A clean, structured data table component featuring a header, body, footer, and caption, designed for displaying tabular invoice data with aligned columns and semantic markup.
A highly customizable, modular table component built with Tailwind CSS and CVA, designed for structured data display with flexible styling and namespace-based architecture.
A data-rich table component featuring smooth layout animations, sortable columns, and status-based styling for efficient user management and data visualization.
A data table component featuring smooth layout animations for column toggling, sorting capabilities, and custom cell rendering with status badges, built using Tailwind CSS.
A data table component featuring animated row expansion to reveal detailed user information, including sortable columns, custom status badges, and responsive grid layouts for expanded content.
A data-driven table component featuring smooth row animations, sortable columns, and integrated search filtering with custom status badges and user avatars.
A data table component featuring smooth row animations during sorting, customizable column definitions, and integrated status badges for enhanced data visualization.
A data-driven table component featuring animated row transitions, sortable columns, and custom cell rendering with status badges for displaying structured user information.
A feature-rich, interactive data table with built-in search, pagination, column visibility toggles, and row expansion, utilizing Framer Motion for smooth UI transitions and state animations.
A responsive, accessible data table built with React Aria Components featuring optional column resizing, striped rows, grid lines, and integrated checkbox selection support.
A responsive leaderboard component featuring progress bars for visual ranking, built with React Aria Components and Tailwind CSS for accessible, interactive data display.
A highly interactive, accessible grid list component built with React Aria, featuring drag-and-drop support, selection states, keyboard navigation, and a clean, responsive design with integrated checkbox support.
A data visualization component that renders a list of horizontal bars representing numerical values, featuring automatic sorting, value formatting, and optional interactive click handlers.
A semantic HTML table component featuring a neutral-50 header, selectable rows with primary-50 highlighting, and horizontal scrolling support, designed for accessibility with proper scope and row header support.
Select an Item to view its code
Choose an item from the list to view its code and files.