Dev Design Library

Comparison table

An us versus them table with a sticky header, a highlighted column, and a stacked phone view.

Comparison table preview
Library
Arc Library
Framework
React
Type
block
License
MIT
Dependencies
lucide-react, motion
Install
npx shadcn@latest add https://uiarc.dev/r/comparison-table.json
Files
  • registry/blocks/comparison-table/comparison-table.tsx
  • registry/blocks/comparison-table/comparison-table-data.ts
  • registry/blocks/comparison-table/comparison-table.module.css
  • registry/motion-tokens.ts
  • lib/motion-tokens.ts
Source
https://github.com/kuratlielia/arc-library

Categories

More from Arc Library