craftsail

发现好项目,
先问为什么值得用。

从具体的问题出发,找到实用工具与开源项目,也认识认真做产品的人。

让你的项目被发现 ↗
共 10 个项目 每一个推荐,都有一个为什么。
开发工具

piik

Free, open-source screen sharing for private live streams with friends. Watch together in a browser or self-host Piik. 免费开源的私密屏幕共享,支持游戏直播、一起看电影与自部署。

WHYFree, open-source screen sharing for private live streams with friends. Watch together in a browser or self-host Piik. 免费开源的私密屏幕共享,支持游戏直播、一起看电影与自部署。
☆ 4041 Stars了解为什么 →
开发工具

Prisma

为应用提供数据库模型、迁移与类型化访问工具。

WHY团队希望把数据模型和应用查询组织在统一流程中时,可以用生成的客户端减少重复映射。选型前需要确认目标数据库、部署环境和复杂查询的支持情况。
☆ 47661 Stars了解为什么 →
开发工具

Drizzle ORM

以 TypeScript 描述关系数据库查询和结构。

WHY需要类型提示、又希望保留对 SQL 和迁移的理解时,可以用它组织数据库访问。适合 TypeScript 服务端项目,关键查询仍应结合真实数据检查执行效果。
☆ 36208 Stars了解为什么 →
开发工具

TanStack Query

管理前端异步数据请求、缓存与更新状态。

WHY当界面有重复请求、重新加载和保存后的数据同步问题时,统一的数据缓存层能减少散落的状态逻辑。适合交互较多且需要明确数据新鲜度的应用。
☆ 50519 Stars了解为什么 →
开发工具

shadcn/ui

将可修改的界面组件代码引入自己的项目。

WHY需要常见界面组件又希望掌握代码和样式细节时,可以把组件放入自己的仓库持续调整。适合有前端维护能力、重视可访问性与设计一致性的团队。
☆ 127279 Stars了解为什么 →
开发工具

Tailwind CSS

用组合式样式工具组织一致的界面设计。

WHY小团队希望把间距、颜色与响应式规则保持一致时,可以通过统一的设计变量和样式组合提高调整效率。它仍需要明确的视觉设计判断,而不是自动生成设计。
☆ 98057 Stars了解为什么 →
开发工具

Vite

为现代前端项目提供开发服务器与构建工具。

WHY前端项目需要快速启动开发、使用标准模块并生成可部署产物时,可以把常见基础工作交给成熟工具。适合新项目,也适合梳理现有项目的构建依赖。
☆ 83707 Stars了解为什么 →
开发工具

SvelteKit

用 Svelte 构建带路由、数据加载与服务端能力的网站。

WHY偏好简洁组件语法的开发者,可以通过统一的路由和数据加载方式组织完整应用。适合从交互原型走向正式网站,并按目标平台选择部署适配器。
☆ 20897 Stars了解为什么 →
开发工具

Next.js

围绕 React 构建页面、服务端渲染和完整网站。

WHY已经使用 React 的团队,需要在同一项目中组织页面、数据读取和服务端能力时,可以沿用熟悉的组件方式。部署选择和缓存规则值得在上线前认真验证。
☆ 143248 Stars了解为什么 →
开发工具编辑精选 ✳

Astro

面向内容网站的前端框架,支持按需增强交互。

WHY如果大部分页面是文章、文档或产品介绍,可优先输出完整 HTML,把交互留给真正需要的部分。craftsail 的资讯与指南页面也使用这条构建路径。
☆ 63702 Stars了解为什么 →
试试「AI」「GitHub」或「发布」
找到下一个行动的起点Tab 切换 · Enter 打开