需要一个金融网站的信用卡比较小部件

我经营一个金融内容网站，想添加一个互动小部件，帮助访客在不离开页面的情况下比较信用卡优惠。这个想法很简单：用户输入他们想要的信用额度，选择一个优先级——现金返还百分比或更长的免息宽限期——然后小部件过滤出符合条件的卡片。结果应该以干净、可排序的比较表格显示，关键数字并排显示：额度范围、现金返还率、宽限期长度、年费和其他值得强调的条款。

我已经在电子表格中有一个粗略的卡片参数列表，可以作为示例数据提供，但小部件本身需要从头开始构建——过滤逻辑、适合移动设备的可读表格布局，以及一种管理员友好的方式，以便以后更新卡片数据而不触及代码。视觉风格应与轻便、现代的金融网站相匹配，但我对布局的建议持开放态度。

我正在寻找：
— 与额度、现金返还和宽限期相关的工作过滤逻辑
— 响应式比较表，带有列排序
— 简单的数据源（JSON或CSV），我可以稍后自己编辑
— 适合金融博客的干净设计

请分享您之前构建的类似小部件和大致时间表。