Hacker News 中文摘要

RSS订阅

Reshaped现已开源 -- Reshaped is now open source

原文链接 | HN讨论 | 2025-09-11 21:59:53

文章摘要

Reshaped最初是为个人项目开发的React和Figma组件库，旨在解决80%的常见设计需求，同时提供灵活性处理剩余20%。项目通过付费模式维持，但创始人一直希望开源。两年前React包免费开放，如今Reshaped完全开源，为更多开发者和团队提供免费访问。

文章总结

Reshaped 现已开源

大约五年前，我创建了 Reshaped。当时，我手头有几个项目急需一个同时支持 React 和 Figma 的组件库。在设计系统领域工作了十多年后，我对什么是好的设计系统以及常见问题有了清晰的认识。

我注意到，无论设计趋势如何变化，大约 80% 的网页仍然基于相同的核心设计实践。因此，我决定构建一个覆盖这 80% 需求的系统，同时为开发者提供处理剩余 20% 需求的底层工具。从一开始，我就不想只关注可访问性或设计，而是优先考虑设计与工程的协调，同时解决常见的 UI 挑战，如主题、暗黑模式和微动画。

为了保持项目的可持续性，我将其设为付费产品：个人用户可购买一次性许可证，大型团队则可购买源代码许可证。这使我能够专注于支持较小的社区，并深入处理每一个错误报告和功能请求。

尽管这种模式让我保持了动力并获得经济支持，但我一直希望有一天能取消付费墙。两年前，我迈出了第一步，将 React 包免费开放。这不仅让独立开发者获得了免费访问权限，使用源代码许可证的团队也可以直接从 npm 安装。

今天，我迈出了下一步：将 Reshaped 完全开源。React 库的源代码现已发布在 GitHub 上，Figma 库则可在 Figma Community 中找到。我特别兴奋的是，Reshaped 连接了设计和工程领域，我希望它能帮助这两个社区学习构建可扩展且保持简洁的设计系统的最佳实践。

开源这两个库也让我有机会在新功能推出时分享更多幕后工作。我认为这在与其他工具的集成方面尤其有价值。想象一下，如果 Figma 或 React 发布了新功能，你可以在迁移公司设计系统之前，先看到它们是如何在 Reshaped 中实现的。

  • Reshaped 的组件库将继续发展。过去购买许可证的用户仍将获得未来更新的完整访问权限，我们也将继续通过相同的渠道进行交流。这方面没有任何变化。
  • 我也有兴趣在核心库的基础上引入更复杂、更具特色的高级组件，进一步扩展 Reshaped。这些不是“50 个着陆页布局”，而是需要复杂 CSS 和 React 逻辑的高级组件。

在闭源工作五年后，这是我的一次信仰之跃。现在是时候将一切回馈给社区了——同时享受这一过程 ❤️。

评论总结

  1. 正面评价：多位用户对库的代码质量和设计表示赞赏，认为其干净且实用。

    • "This looks like a really solid library and a lot of code for free." (philjackson)
    • "Looks very clean! Kudos for creating it." (j1436go)

  2. 性能问题：部分用户在使用过程中遇到页面冻结或延迟的问题。

    • "Switching tabs and navigating on the documentation page freezes the site for a couple of ms though." (j1436go)
    • "each time I click on a menu item it feels delayed." (mexicocitinluez)

  3. 技术建议：有用户建议减少JavaScript的使用，认为CSS更适合实现相同的UI效果。

    • "Too much JavaScript, I think using CSS to implement the same UI is better and simpler." (lilerjee)

  4. 功能需求：用户对框架/UI库的微交互设计和ReactNative的高质量解决方案表示期待。

    • "I’m still looking for a framework/UI library fully designed and developed micro-interactions." (solarkraft)
    • "I just wish somebody would finally build something of similar quality for ReactNative." (cheerioty)

  5. 开源与付费：有用户对库的开源性和是否接受捐赠表示好奇。

    • "I don't see any pricing or call to pay or even donation option on the website." (singpolyma3)

  6. 设计风格：有用户希望产品设计能与众不同，避免千篇一律。

    • "I am looking for the exact opposite -- I don't want my products looking anything like other websites." (oDot)

  7. 文档问题：用户指出文档中的“Getting Started”链接错误地指向了更新日志。

    • "In the README the getting started takes you to the changelog, rather than getting started." (taspeotis)