SLARIVO / TABLES

Tables Components

Browse 251 exact locally owned demos. Filter the collection, inspect a focused preview, and unlock its implementation prompt.

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  A styled, responsive table primitive with default and card variants. Ships Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell and TableCaption — semantic <table> elements with hover and selected row states, a horizontal-scroll container, and a rounded 'card' layout. Dependency-free (just cn). Compose it for project lists, invoices, inventory, API metrics, server usage, subscriptions or pricing comparisons.

• Slarivo Table

  A data table with proximity hover highlighting, animated row backgrounds, smooth transitions, and composable header/body/row/cell components.

• Slarivo Table

  A simple table component for displaying tabular data.

• Slarivo Table

  Table views are used to display data in a tabular format. They are useful for displaying large amounts of data in a structured way.

• Slarivo Table

  Here is Table component

• Slarivo Data Table

  Powerful table and datagrids built using TanStack Table.

• Slarivo Column Visibility Table

  A TanStack Table with a dropdown menu that toggles individual columns on or off.

• Slarivo Table Skeleton

  A loading placeholder skeleton that mimics a data table with rows and columns while content is fetching.

• Slarivo Table

  A responsive table component.

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  A responsive table component.

• Slarivo Table

  A responsive table component.

• Slarivo Table

  A responsive table component.

• Slarivo Pricing Container

  Pricing Container

• Slarivo Type Table

  A table component for displaying type definitions and props documentation. Features - Prop descriptions with tooltips - Type information display - Default value support - Links to type documentation - Responsive design - Dark mode support

• Slarivo Table Edit

  This component is a highly interactive and reusable data table built entirely using Shadcn UI components. It features a fixed header and footer, allowing the middle rows to scroll independently, which is ideal for tables with large datasets. Users can select rows using checkboxes, view row-specific actions via a dropdown menu, and even edit rows inline, with inputs for text fields and a select dropdown for status. The design balances usability and simplicity, making it suitable for admin dashboards, CRM systems, or any interface that requires efficient data management, while maintaining a clean, professional look.

• Slarivo Table

  A responsive table component with support for headers, footers, and custom styling.

• Slarivo Table

  Here is Table component

• Slarivo Table

  Here is Table component

• Slarivo Animated Table

  A composable and accessible Table component built with React and Tailwind CSS, featuring smooth row animations powered by Framer Motion. Features: Lightweight, customizable table primitives for building full-featured tables. Supports semantic table elements: table, thead, tbody, tfoot, tr, th, and td. Smooth fade and slide-in row animations on mount, creating a visually appealing waterfall effect. Responsive design with horizontal scrolling enabling when content exceeds container width. Tailwind CSS integration for easy styling and theming consistency. Works well with complex data and interactive contexts.

• Slarivo Testimonials Columns

  an animated testimonials section where the testimonials are shown in columns

• Slarivo Bento Grid

  A skewed grid layout with Title, description and a header component

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Table

  Shadcn table with enhanced appearance

• Slarivo Gallery with image cards

  A carousel gallery of full height image cards with case study text on top.

• Slarivo Bento Grid

  A nice Bento Grid with hover items and shadow.

• Slarivo Marquee

  Very useful while showcasing comments or technologies

• Slarivo Accordion

  Enchanced shadcn/ui accordion

• Slarivo Accordion

  Enchanced shadcn/ui accordion

• Slarivo Accordion

  Enchanced shadcn/ui accordion

• Slarivo 3D Carousel

  A 3D image carousel

• Slarivo Interactive Bento Gallery

  Interactive Bento Gallery

• Slarivo Features 10

  features section

• Slarivo Dark Gradient Pricing

  A pricing table component with a glass effect and animated cards, perfect for displaying tiered pricing plans and feature comparisons. Features - Responsive design with mobile-first approach - Animated glass effect with blur transitions - Feature comparison with checkmark indicators - Gradient text and background effects - Customizable pricing tiers and benefits - Motion animations on scroll

• Slarivo Cards Stack

  - Stack of cards to showcase a related set of element, like your services, your work, features, process of work, timeline,

• Slarivo Interactive Selector

  A visually striking, interactive React component showcasing premium camping options with smooth animations, responsive layout

• Slarivo Features

  Here is Features Component

• Slarivo Pricing Table

  A feature comparison pricing table component with animated pricing, interval switching, and plan selection. Features - Animated price transitions with NumberFlow - Monthly/Yearly interval toggle - Interactive plan selection - Feature comparison matrix - Responsive design - Dark mode support - Popular plan highlighting - Customizable styling

• Slarivo Gantt

  Maps component from the 21st.dev community.

• Slarivo Shuffle Grid

  An eye-catching presentation element which you can use to showcase your clients, users, features or whatever you like.

• Slarivo RuixenContributorsTable

  a comprehensive overview of RUIXEN’s open-source projects, teams, and contributors. Designed for maintainers and team leads, it offers dynamic column selection, real-time filtering by project status and technology, and contributor tooltips with role and contact details. Users can customize their view to focus on specific data points—such as project timelines, technologies used, or team compositions—making it easy to manage internal development efforts or showcase team contributions publicly. The interface is clean, responsive, and optimized for both quick scanning and deep inspection.

• Slarivo Interactive Logs Table

  Observability logs panel with animated filters, search, and expandable rows

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Pricing Table

  A sleek, component-based Card system with glass effects, pricing layouts, and flexible sections like header, body, and list items. Perfect for modern SaaS pricing tables, feature lists, or product showcases with consistent, stylish UI.

• Slarivo Leads Data Table

  This leads table component displays sales prospects with comprehensive data visualization including deal sizes, source tracking, status indicators, interest trend sparklines, and probability scoring. It features smooth micro-interactions like hover-triggered action buttons, row selection with bulk operations, and a sliding bottom action bar that appears when leads are selected. The component is ideal for CRM dashboards, sales management interfaces, and lead tracking systems where users need to quickly assess and act on potential business opportunities.

• Slarivo Team Showcase

  A magazine-style team section featuring a three-column staggered photo grid paired with an interactive member list. Photos default to grayscale; hovering a photo or a name entry simultaneously reveals the portrait in full color and highlights the corresponding name row. Includes social link icons (X, LinkedIn) that animate in on row hover.

• Slarivo Table

  A data table with proximity hover highlighting, animated row backgrounds, smooth transitions, and composable header/body/row/cell components.

• Slarivo Table

  A styled, responsive table primitive with default and card variants. Ships Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell and TableCaption — semantic <table> elements with hover and selected row states, a horizontal-scroll container, and a rounded 'card' layout. Dependency-free (just cn). Compose it for project lists, invoices, inventory, API metrics, server usage, subscriptions or pricing comparisons.

• Slarivo Table

  A styled, responsive table primitive with default and card variants. Ships Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell and TableCaption — semantic <table> elements with hover and selected row states, a horizontal-scroll container, and a rounded 'card' layout. Dependency-free (just cn). Compose it for project lists, invoices, inventory, API metrics, server usage, subscriptions or pricing comparisons.

• Slarivo Table

  A styled, responsive table primitive with default and card variants. Ships Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell and TableCaption — semantic <table> elements with hover and selected row states, a horizontal-scroll container, and a rounded 'card' layout. Dependency-free (just cn). Compose it for project lists, invoices, inventory, API metrics, server usage, subscriptions or pricing comparisons.

• Slarivo Table

  A styled, responsive table primitive with default and card variants. Ships Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell and TableCaption — semantic <table> elements with hover and selected row states, a horizontal-scroll container, and a rounded 'card' layout. Dependency-free (just cn). Compose it for project lists, invoices, inventory, API metrics, server usage, subscriptions or pricing comparisons.

• Slarivo Table

  A styled, responsive table primitive with default and card variants. Ships Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell and TableCaption — semantic <table> elements with hover and selected row states, a horizontal-scroll container, and a rounded 'card' layout. Dependency-free (just cn). Compose it for project lists, invoices, inventory, API metrics, server usage, subscriptions or pricing comparisons.

• Slarivo Table

  A styled, responsive table primitive with default and card variants. Ships Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell and TableCaption — semantic <table> elements with hover and selected row states, a horizontal-scroll container, and a rounded 'card' layout. Dependency-free (just cn). Compose it for project lists, invoices, inventory, API metrics, server usage, subscriptions or pricing comparisons.

• Slarivo Table

  A styled, responsive table primitive with default and card variants. Ships Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell and TableCaption — semantic <table> elements with hover and selected row states, a horizontal-scroll container, and a rounded 'card' layout. Dependency-free (just cn). Compose it for project lists, invoices, inventory, API metrics, server usage, subscriptions or pricing comparisons.

• Slarivo Table

  A styled, responsive table primitive with default and card variants. Ships Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell and TableCaption — semantic <table> elements with hover and selected row states, a horizontal-scroll container, and a rounded 'card' layout. Dependency-free (just cn). Compose it for project lists, invoices, inventory, API metrics, server usage, subscriptions or pricing comparisons.

• Slarivo Striped Table

  A data table with zebra striping that tints every other row for easier row scanning.

• Slarivo Sortable Table

  A data table with clickable column headers that sort rows ascending or descending, built with TanStack Table.

• Slarivo Pinnable Columns Table

  A TanStack Table data table where a column is pinned to the right so it stays visible while scrolling horizontally.

• Slarivo Table with Avatars

  A data table displaying team members with avatar thumbnails, names, emails, and roles in each row.

• Slarivo Invoice History Table

  Invoice history table with color-coded status badges, per-row actions, and an outstanding-total footer.

• Slarivo 8-bit Table

  Pixel-art table from 8bitcn.com — bordered cells with retro 8-bit styling. Zero external deps.

• Slarivo projects-table

  Here is modern projects-table component

• Slarivo UltraQualitySpreadsheet

  A never-before-seen, ultra-rich React spreadsheet component built with Tailwind CSS. Supports editable cells, sticky headers, keyboard navigation, basic formulas (=SUM(range)), copy/paste, and smooth scrolling for endless grids.

• Slarivo Reshaped Table

  Collection of compound components (Table.Row, Table.Cell, Table.Heading, Table.Head, Table.Body) for building tables from simple cells to headed layouts. Supports outer and column borders, row highlighting, colSpan/rowSpan, cell padding/width/alignment, card composition and interactive datasets like checkbox row selection.

• Slarivo members-table

  Here is modern members-table

• Slarivo indevuiTable

  Here is base table component by indev ui

• Slarivo Sortable Table

  A generic, accessible data table whose rows animate into place when you sort a column, with an optional follow toggle that keeps one row marked across reorders.

• Slarivo Member List

  Here is modern Member list by indev ui

• Slarivo Resizable Table

  The ResizableTable component is a fully-featured data table with dynamic column resizing, sorting, pagination, and export functionality designed for displaying employee or similar structured data. It includes built-in animations, theme-aware styling, and responsive design that adapts to both light and dark modes while maintaining accessibility standards. This component is ideal for admin dashboards, HR management systems, or any application requiring interactive data visualization with customizable column widths and comprehensive data manipulation capabilities.

• Slarivo Basic Data Table

  A powerful and flexible data table component with sorting, filtering, pagination, and customizable rendering.

• Slarivo Connoisseur Stack Interactor

  A high-performance, motion-managed section designed to showcase complex professional hierarchies with technical elegance. Built for users who value "Smart Work" over brute force.

• Slarivo Table

  A semantic HTML table component

• Slarivo Animated Table rows

  This is a table component with animated rows with delete row effects

• Slarivo Comparison Table

  This component is a row comparison table with dynamic selection controls, designed using Shadcn UI. Each row in the table has a "Compare" button that toggles to "Remove" once selected, giving users a clear and intuitive way to pick rows for side-by-side comparison. The destructive variant is styled in bold red with white text, making removal actions highly visible and easy to distinguish, while the unselected rows maintain a subtle outline style for balance. This design works seamlessly across light and dark themes, ensuring consistent usability. The component is practical for scenarios like comparing user accounts, financial data, or product attributes, and its toggle-based interaction makes it both efficient and reusable for many applications.

• Slarivo Complex Data Table

  A data table built with TanStack Table that combines sorting, column filtering, pagination, row selection, a column-visibility toggle, and per-row action menus.

• Slarivo ContributorsOverviewTable

  The ContributorsOverviewTable component presents a clean, structured, and interactive summary of contributors within a team or project. Designed for clarity and ease of use, this table highlights essential details like contributor names, email addresses, geographic locations, account status, and individual payout balances. Visual cues such as colored status badges enhance readability, while responsive hover states provide a polished user experience

• Slarivo Fixed Header Footer Table

  This Fixed Header and Footer Table component is a highly practical and user-friendly UI element built with Shadcn UI. It ensures that the table header remains fixed at the top and the footer stays visible at the bottom, while the rows in the middle can scroll independently. This layout is especially useful when working with long datasets, as users can always see the column titles for context and the footer for totals or summary information without losing track while scrolling. By separating the header, body, and footer into distinct sections with a scrollable middle, the component improves readability and usability in dashboards, financial reports, admin panels, and data-heavy applications. Its clean design, responsiveness, and clarity make it a versatile table structure for modern web apps.

• Slarivo Numbered Pagination

• Slarivo Timesheet Confirmation

  This file contains the reusable Timesheet Confirmation component. It's designed to be highly customizable through props, uses shadcn/ui theme variables for styling, and includes animations for a modern feel.

• Slarivo Task List

  Task List This component renders a list of tasks in a table format. It features a staggered animation for list items, making the UI feel dynamic and modern. It's designed to be highly reusable, accepting a title and an array of tasks as props.

• Slarivo Reorderable Table

  This component is a rearrangeable table built with Shadcn UI, designed for scenarios where users need maximum flexibility in how data is viewed and analyzed. Unlike a static table, it allows users to drag and reorder columns, enabling a fully customizable layout that adapts to different workflows or preferences. Its clean design ensures clarity without unnecessary clutter, and it seamlessly supports both light and dark themes for accessibility. This makes it especially useful for dashboards, analytics panels, or admin tools where different users may prioritize different data fields. The component strikes a balance between functionality and simplicity, ensuring it looks professional while offering a quality user experience.

• Slarivo Feature Comparison Table

  A pricing plan comparison table that lays out three plans side by side with grouped feature sections, check/value cells, a sticky header and a highlighted recommended column.

• Slarivo spotlight-table

  Search Bars component from the 21st.dev community.

• Slarivo Stacked List x

  An animated stacked list with smooth layout transitions.

• Slarivo Table

  A simple table component for displaying tabular data.

• Slarivo Table

  A simple table component for displaying tabular data.

• Slarivo Excel-Style Table

  A beautiful, minimal table component with Excel-like features. Double-click cells to edit, click headers to select entire rows/columns, drag to select ranges, and use Ctrl+C to copy data. Supports CSV export and provides smooth, professional interactions.

• Slarivo Table With Dialog

  This Advanced User Management Table component is a feature-rich and modern UI built entirely with Shadcn UI. It combines a fixed header for clarity, interactive row selection using checkboxes, and a status badge system that visually distinguishes between active, inactive, and suspended users. Each row comes with an actions menu, allowing quick operations like viewing details, editing, or deleting a user, and destructive actions are highlighted with white text on a red background for clear visibility. Additionally, a dialog opens on demand, providing a focused space to display or edit detailed user information without leaving the table. The design is clean, responsive, and highly practical for dashboards, CRMs, and admin panels, making it a versatile component for managing user data efficiently.

• Slarivo Table Dialog

  This component is a feature-rich, interactive data table built entirely with Shadcn UI components. It includes a fixed header and footer, allowing the table body to scroll independently, which ensures that column labels and summary information remain visible at all times. Each row includes a checkbox for selection, with the ability to select multiple rows at once. Actions for each row are accessible through a dropdown menu, offering options like “Edit” and “Delete.” The Edit action opens a dialog where all fields of the selected row can be modified using input fields and select menus, keeping the table layout intact and avoiding inline edits that can disrupt the table’s appearance. This design makes the table both highly reusable and user-friendly, suitable for applications that require structured data management, quick updates, and a clean, consistent interface.

• Slarivo Table [react-aria-components]

  A table displays data in rows and columns and enables a user to navigate its contents via directional navigation keys, and optionally supports row selection and sorting.

• Slarivo ProductTable

  Animated Product Table is a highly interactive, feature-rich table built with React, TanStack Table, and Framer Motion. It supports global search, pagination, and column toggling, while providing smooth animations for all table interactions. When columns are toggled, they expand or collapse with a fluid transition, and rows fade and slide in/out seamlessly. This ensures a polished, modern user experience where data updates and structural changes are visually appealing, making it ideal for dashboards, admin panels, or any application requiring dynamic table displays.

• Slarivo Leaderboard Card

  Paginations component from the 21st.dev community.

• Slarivo Column Collaboration Table

  This is a Column Collaboration Table built entirely with Shadcn UI components. It allows users to add and view comments directly on each column header, making it ideal for collaborative data review or team analysis. Each column features a chat icon that opens a popover, where multiple comments can be added, viewed, and scrolled through. The table body is scrollable for large datasets, while the header and footer remain sticky, ensuring that column titles and summary information are always visible. The footer displays the total number of rows dynamically. The design is clean, minimal, and fully compatible with both light and dark themes, making it highly reusable and suitable for professional applications where collaboration and clarity are key.

• Slarivo Compare Table

  A simple pricing section

• Slarivo RuixenTableBasic

  This component displays a dynamic, responsive data table showcasing user information in a clean and organized format. Each row represents a distinct user profile containing key details such as name, email, location, account balance, and current status. Additionally, each record includes a set of contextual selectOptions that reflect the user's domain, tools, or preferences

• Slarivo Spread sheet

  A comprehensive spreadsheet component with all the essential features you'd expect from a spreadsheet application. The component includes cell selection, editing capabilities, keyboard navigation, and a clean Excel-like interface. You can customize the number of rows and columns, and it handles all the standard spreadsheet interactions seamlessly.

• Slarivo Table

  This is table with filder and sorting

• Slarivo Minimisable Table

  This component is a Minimisable Table with Column Controls built using Shadcn UI and Lucide icons, designed for clean and configurable data presentation. Unlike traditional tables, it allows users to shrink specific columns into compact icon-only views, reducing clutter while keeping essential information accessible. A dropdown menu provides control over which columns are minimized, with a checkmark indicator to clearly show active selections. This makes the table both highly interactive and customizable, enabling quick adjustments for different use cases like dashboards, reports, or comparison views. The plain styling ensures it adapts seamlessly to both light and dark themes, maintaining clarity without unnecessary visual noise. This balance of simplicity, usability, and configurability makes it a reusable solution for modern applications.

• Slarivo Table Controls

  Table Controls Demo (Simulated Selection)

• Slarivo Info Cards Table

  This component is a clean, responsive card layout designed to showcase different sections in a structured way. Each card is styled with subtle borders (border border-gray-200 dark:border-gray-800) to adapt across light and dark themes, giving it a modern and minimal look. The layout is perfect for presenting features, categories, or highlights side by side, making it easy for users to scan and interact with the content.

• Slarivo UltraQualityDataTable

  A modern, responsive React data table built with Tailwind CSS featuring client-side search, sortable columns, pagination, zebra stripes, and dark/light theming for ultra-polished UIs.

• Slarivo Table with Filters

  A data table with a global search input and a status column filter dropdown, built on TanStack Table.

• Slarivo Team Members Table

  A team members table showing avatars, names, emails, roles, and status with colored badges.

• Slarivo Excel Viewer

  A spreadsheet viewer that renders XLSX workbooks with multiple sheets, frozen headers, formulas, toolbar, zoom, upload and download. Powered by @extend-ai/react-xlsx.

• Slarivo Compare 1

  Compare with tabs and comparision

• Slarivo CSV / TSV Viewer

  A CSV and TSV viewer with parsing, file upload, search, zoom, and theme-aware grid rendering powered by Glide Data Grid.

• Slarivo Table

  A styled, responsive table primitive with default and card variants. Ships Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell and TableCaption — semantic <table> elements with hover and selected row states, a horizontal-scroll container, and a rounded 'card' layout. Dependency-free (just cn). Compose it for project lists, invoices, inventory, API metrics, server usage, subscriptions or pricing comparisons.

• Slarivo Data Table Row Selection

  A data table with per-row selection checkboxes and a bulk actions toolbar that shows the selected count with clear and delete actions.

• Slarivo Expanding Sub-Rows Table

  A data table with expandable parent rows that reveal nested child rows for displaying tree-shaped hierarchical data, built with TanStack Table.

• Slarivo Card Frame Table

  A data table rendered inside a rounded card frame, with status badges and a totals footer row.

• Slarivo Notification Channel Matrix

  A settings card with a switch matrix table for toggling each notification type across email, push, and SMS channels.

• Slarivo Table of Content

  A dependency-free vertical table of content with pointer scrubbing, keyboard navigation, spring-driven tick magnification, and floating section previews.

• Slarivo File System (Finder)

  A macOS Finder-style file browser for flat object-store manifests (S3 / R2). Derives a folder hierarchy from object keys and switches between icon, list, column and gallery views, with Finder-style keyboard navigation. Thumbnails, URLs and signing stay external.

• Slarivo HeroUI Table

  HeroUI v3 Table — data table with sorting, selection, custom cells, expandable rows, pagination, column resizing, empty state and async loading.

• Slarivo Scroll Area File Explorer

  A scrollable file explorer list with type icons, size badges, sticky column headers, and a custom scroll area.

• Slarivo Data Table Skeleton

  A loading placeholder that mirrors a data table layout, with header, avatar rows, badges and pagination shimmer.

• Slarivo Invoice Table

  A data table with a caption, header row, and a footer total row for listing invoices and their statuses.

• Slarivo Sheet

  A flexible React + Tailwind CSS Sheet (Drawer) component built with Radix UI, featuring animated slide-in panels from any side. Perfect for dashboards, modals, mobile menus, and responsive UI layouts.

• Slarivo Sidebar Component

  Here is Sidebar Component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Background Components

  Here is Background Components component

• Slarivo Features

  Here is Features Component

• Slarivo Team

  Here is Team component

• Slarivo Animated Card Diagram

  Here is Animated Card Diagram component

• Slarivo Card Carousel

  Here is Card Carousel component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Menu Vertical

  Here is Menu Vertical component

• Slarivo Pie Chart

  Here is Pie Chart component

• Slarivo Pie Chart

  Here is Pie Chart component

• Slarivo Category List

  An interactive and theme-adaptive list component used to display and navigate through different categories or features. Each item provides visual feedback on hover, revealing more details and an icon, making it ideal for guiding users through key sections of an application.

• Slarivo 3D Folder

  A reusable 3D Folder component

• Slarivo Feature Sections

  Here is Feature Sections component

• Slarivo Feature Sections

  Here is Feature Sections component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Kanban Board

  Here is Kanban Board component

• Slarivo Project Card

  A visually appealing card component designed to showcase projects. It features a hover-to-zoom image effect, a clear content section, and a call-to-action link, all while adapting to both light and dark themes using shadcn's CSS variables.

• Slarivo Select

  Reusable select option component built with framer motion and tailwindcss

• Slarivo Bento Grid

  Grids & Bento component from the 21st.dev community.

• Slarivo Pricing Component

  A modern three-tier pricing table with monthly/annual toggle, dark/light mode support, and glass morphism design effects.

• Slarivo Glowing Effect Card

  Here is Glowing Effect Card component

• Slarivo Feature Spotlight

  Feature Spotlight A responsive section component designed to highlight a key product feature. It juxtaposes a detailed text description, including a pre-header, main heading, and call-to-action, with a dynamic visual element. The component includes subtle, continuous animations on floating images to draw user attention and add a modern feel. It is fully theme-adaptive, using shadcn/ui variables for colors and styling.

• Slarivo Toast

  Here is Toast component

• Slarivo Dot Flow

  here is Dot Flow component

• Slarivo Pricing Component

  Pricing Component with sleek design and better handling

• Slarivo dock

  Here is dock component

• Slarivo Testimonals Carousel

  Here is Testimonals Carousel component

• Slarivo Checkbox

  Here is modern minimalistic checkbox component

• Slarivo Tabs Component

  Here is Tabs component

• Slarivo Tabs Component

  Here is Tabs component

• Slarivo dropdown 01

  A reusable component for dropdown

• Slarivo Expandable

  Here is expandable component

• Slarivo Dark Grid

  Here is Dark Grid component

• Slarivo Tilt Card

  Here is Tilt Card component

• Slarivo Tree

  Here is Tree component

• Slarivo Bar Chart

  Here is Bar Chart component

• Slarivo Expanded Tabs

  Here is Expanded Tabs component

• Slarivo Dashboard Card With Modal

  A versatile dashboard card component featuring a modal overlay for data management, designed to display user information alongside interactive elements like copy-to-clipboard functionality and update confirmations. This component excels at presenting structured data in a clean, accessible format while providing smooth blur-based transitions that enhance user experience without disrupting workflow. Ideal for administrative interfaces, policy management systems, or any application requiring organized data display with intuitive modal interactions.

• Slarivo Feature Accordion Section

  This component provides an interactive and visually engaging way to present key features in an organized layout. The left section highlights important items with clear icons, images, and counts, while an accordion ensures that detailed information can be expanded or collapsed as needed.

• Slarivo Linear Card

  Here is linear card component

• Slarivo Modern Feature Grid

  A responsive and theme-able grid component to showcase product features, styled with a modern glassmorphism effect and an interactive spotlight background.

• Slarivo Feature Card

  Feature Card A versatile, theme-adaptive card component with built-in animations to showcase product features elegantly.

• Slarivo Feature Section

  Feature Section A responsive and theme-adaptive component designed to showcase a product's key features. It includes a main title, a subtitle, a grid of features with icons, and a final call-to-action card. It's built to be highly reusable by accepting all content through props.

• Slarivo Price

  Pricing Card Component This component is designed to be highly reusable and customizable through props. It uses framer-motion for animations, cva for handling style variants (like the "popular" state), and shadcn/ui theme variables for seamless light and dark mode support.

• Slarivo Toast

  Here is Toast component

• Slarivo Leaderboard Podium

  Avatars component from the 21st.dev community.

• Slarivo Floating Card

  A reusable card component

• Slarivo Accordion

  A fluid accordion with spring animations, collapsible sections, proximity hover effects in grouped mode, and smooth content transitions. Built on Radix UI with Framer Motion.

• Slarivo Data Card Display

  This React component efficiently displays data in a visually appealing and responsive grid of cards. It's designed to present key metrics or information concisely, making it ideal for dashboards or summary views. The component leverages the shadcn/ui library for styling and accessibility, ensuring a consistent and professional look and feel across light and dark themes. Each card displays a title, value, description, and optionally an icon and an action button. The component handles various scenarios, including cases with no data, and provides clear ARIA attributes for accessibility. The `CardDisplay` component accepts an array of `CardDisplayItem` objects, each defining the content of a single card. Each `CardDisplayItem` includes properties for `id`, `title`, `value`, `description`, an optional `icon` (which can be a React component or function), an optional `actionLabel`, a boolean `isDisabled` flag for the action button, and an `onActionClick` callback function. The component dynamically renders the cards in a responsive grid layout, adjusting the number of columns based on the screen size. It uses the `cn` utility function (likely from shadcn/ui) to efficiently manage CSS classes. For example, it can be used to display key performance indicators (KPIs) on a dashboard, showing metrics like active users, revenue, or task completion rates. Each card could link to a more detailed view using the optional action button. The component's use of ARIA attributes ensures it is accessible to users of assistive technologies. The component gracefully handles the case where no data is provided, displaying a user-friendly message. This allows for flexibility and robustness in different application contexts.

• Slarivo Response

  Here is Response component

• Slarivo Bar Visualizer

  Here is Bar Visualizer component

• Slarivo Special Card

  Here is Special Card component

• Slarivo Tooltip Chart

  Here is Tooltip Chat component

• Slarivo Testimonial Card

  Testimonial Card This component, TestimonialCard, is designed to be a flexible and reusable element for displaying reviews and features. It accepts props for all dynamic content, including testimonials, features, ratings, and even the header logo, making it highly adaptable for different use cases beyond just Trustpilot.

• Slarivo Default

  Here is according default component

• Slarivo Rounded Box

  Here is Rounded Box component

• Slarivo Box Carousel

  Here is Box Carousel component

• Slarivo Vertical Bars

  Here is Vertical Bars component

• Slarivo Vertical Bars

  Here is Vertical Bars component

• Slarivo Folder Components

  A folder icon component with a frosted glass front flap, stacked document peek, and smooth spring hover animation that fans the papers open. Pick from 6 color themes via the prop. Drop it into any React or Next.js project and install directly via the shadcn CLI.

• Slarivo Points Chart

  Charts & Data Viz component from the 21st.dev community.

• Slarivo Icon Bar

  Icons component from the 21st.dev community.

• Slarivo Pricing Card Component

  Pricing Card Component

• Slarivo you can scroll.

  you can scroll. component

• Slarivo Table with Row Selection

  A data table with a select-all header checkbox, per-row checkboxes, and a live count of selected rows.

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Table

  A responsive table component with support for headers, footers, and custom styling.

• Slarivo BeUI Tilt Card

  Tables component from the 21st.dev community.

• Slarivo Table Row Actions

  A data table with a per-row ellipsis dropdown menu exposing edit, copy, and remove actions.

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  Here is Data Grid Table component

• Slarivo Data Grid Table

  A Data Grid Table component for comparing structured records, attributes, and operational data, featuring data table, data-table, table, pagination.

• Slarivo Market Watchlist

  Sortable market watchlist: per-row sparkline trend, sort by symbol or change with direction toggle, and row selection marked by an accent rail. Light and dark via theme tokens.

• Slarivo HeroUI Table

  HeroUI v3 Table — data table with sorting, selection, custom cells, expandable rows, pagination, column resizing, empty state and async loading.

• Slarivo HeroUI Table

  HeroUI v3 Table — data table with sorting, selection, custom cells, expandable rows, pagination, column resizing, empty state and async loading.

• Slarivo HeroUI Table

  HeroUI v3 Table — data table with sorting, selection, custom cells, expandable rows, pagination, column resizing, empty state and async loading.

• Slarivo HeroUI Table

  HeroUI v3 Table — data table with sorting, selection, custom cells, expandable rows, pagination, column resizing, empty state and async loading.

• Slarivo HeroUI Table

  HeroUI v3 Table — data table with sorting, selection, custom cells, expandable rows, pagination, column resizing, empty state and async loading.

• Slarivo HeroUI Table

  HeroUI v3 Table — data table with sorting, selection, custom cells, expandable rows, pagination, column resizing, empty state and async loading.

• Slarivo Upstash Leaderboard

  A ranked leaderboard display for Redis sorted sets with positions, scores, avatars, and gold/silver/bronze styling for the top three.

• Slarivo Payments Table with Cell Selection

  A payments data table showing customer avatars, product, price, status badges, and highlighted selected cells.

• Slarivo Members Table Block

  A team members block with a header bar and a table listing member names, emails, roles and join dates.

• Slarivo Animate Table Motion

  A data table with staggered row reveal animations, user avatars, and colored category badges built with Framer Motion.

• Slarivo Payments Table

  A data table showing customer payments with avatars, prices, payment types and colored status badges.

• Slarivo Users List Datatable

  A user management data table with search, filters, export, pagination, row selection, avatars, role, last-login, two-factor status badges, and per-row action menus.

• Slarivo Invoice Line Items Table

  An invoice table listing line items with quantity, unit, and unit price columns plus a footer summing subtotal, tax, and total due.

• Slarivo Table

  A neobrutalist-styled data table with thick black borders, bold headers and hard offset shadows, built from composable Table.Header, Table.Body, Table.Row, Table.Head and Table.Cell parts — shown here with a sticky header over a scrollable transactions list.

• Slarivo Filterable Invoices Table

  Invoices data table with a client search filter, checkbox row selection, bulk actions (mark as paid, send reminder, download), payment method and due date columns, status badges, and pagination.

• Slarivo Team Members Data Table

  Sortable team members data table with search, checkbox row selection, bulk role and remove actions, status badges, row action menus, column visibility, and pagination, built on TanStack Table.

• Slarivo Table Pagination

  A table pagination control with a rows-per-page select, an item range label, and previous/next navigation buttons.

• Slarivo Notification Preferences Matrix

  A notification preferences table with event rows and email, push, and SMS channel columns of checkboxes plus a save button.

• Slarivo Bjork Pagination

  A styled pagination control with page number links, previous/next buttons, and an ellipsis for skipped pages, for navigating multi-page lists or tables.

• Slarivo Advanced Data Table Filter Builder

  Build responsive data-table filters with AND/OR logic, multi-select values, searchable popovers, live results, and polished light/dark themes.

• Slarivo Trade Journal Table

  A Trade Journal Table component for comparing structured records, attributes, and operational data, featuring fintech, animated transitions, click and selection states, theme-aware styling.

• Slarivo Data Table

  A typed data table for React with sortable columns, search, quick-filter pills, row selection, keyboard navigation and animated row reordering/removal, built for dashboards and admin panels.

• Slarivo Tier List Maker

  A polished drag-and-drop tier list builder. Rank avatars into S/A/B/C/D rows, rename and reorder tiers, add or remove rows, and drag anyone back to the bench. Custom pointer-based drag and drop, macOS-style dock magnification on the bench tray, ghost-slot…

• Slarivo Comparison Table

  A three-column pricing/feature comparison table with a highlighted middle column, checkmark and text cells, and a call-to-action button in the footer row.