components.work

面向Next.js开发者的免费React组件库，由Bridger Tower创建，基于Tailwind和shadcn/ui构建，所有组件均支持一键复制代码并直接粘贴到项目中。

包含哪些组件类型

站点按页面模块分类提供组件，每个组件均标注了在GitHub上的查看入口。

• Hero区域：共6个变体（hero-one至hero-six），其中hero-three带有特殊图片处理能力，hero-four来自Craft UI
• CTA区域：4个变体（cta-one至cta-four），包含带邮箱订阅表单的版本
• FAQ区域：2个变体（faqs-one、faqs-two），均含“联系客服”引导文案
• 定价区域：4个变体（pricing-one至pricing-four），pricing-two支持月付/年付切换并标注“Save 17%”，pricing-three标记“Popular”推荐方案，pricing-four支持按用户数自定义
• 头部导航：2个变体（header-one、header-two）
• 页脚：5个变体（footer-one至footer-five），footer-one至footer-four包含订阅表单与法律链接，footer-five仅含隐私政策与服务条款
• 功能特性：9个变体（feature-one至feature-nine），feature-nine为带图片轮播的功能卡片，需安装brijr/craft包

使用方式与集成要求

所有组件均以TypeScript编写，专为Next.js优化，并依赖Tailwind CSS与shadcn/ui。

• 直接复制：每个组件页面提供“Copy Code”按钮，点击即可复制完整代码
• GitHub源码：每个组件下方有“view on github”链接，可查看完整源码与提交历史
• 环境依赖：需在Next.js项目中预先配置Tailwind CSS和shadcn/ui
• 特殊组件：feature-nine需额外安装brijr/craft包以支持轮播样式
• 文档位置：官方文档托管在GitHub，首页和子页均提供“Read the documentation on GitHub”入口

更新与社区互动

站点提供订阅功能以获取组件更新通知，并关联了作者社交账号。

• 邮件订阅：首页和所有子页均提供“Subscribe for component updates”输入框
• 作者社交：页脚提供Twitter（X）关注链接，作者账号为@BridgerTower
• GitHub仓库：所有组件源码在GitHub上公开，接受Issue与PR
• 版权声明：站点标注“© brijr/components . All rights reserved. 2024-present”

常见问题

Q1：components.work的组件是否需要付费？

A1：完全免费开源，所有组件代码均可在GitHub上获取，采用MIT协议，可自由用于商业项目。

Q2：components.work的组件支持哪些框架？

A2：专为Next.js设计，使用TypeScript编写，底层依赖Tailwind CSS和shadcn/ui，不直接支持Vue或纯React CRA项目。

Q3：如何获取components.work的组件更新？

A3：在首页或任意子页的订阅框输入邮箱可接收更新通知；也可直接关注GitHub仓库的Release动态。

更多同类工具与网站,可在落地页组件分类继续挑选。

信息核实于 2026年7月,具体以官网为准。