ForgeUI - React 动效组件库
https://github.com/AmanShakya0018/forgeui
https://forgeui.in/
ForgeUI 是一个基于 React 的实验性组件库，重点在于“动画优先”的设计理念，提供动画表单、动态卡片、闪烁文字等现代化 UI 组件，旨在帮助开发者快速实现富交互界面。
技术栈包括 Next.js、TypeScript、Tailwind CSS、shadcn/ui 和 Framer Motion。
#Design #GitHub link
https://github.com/AmanShakya0018/forgeui
https://forgeui.in/
ForgeUI 是一个基于 React 的实验性组件库，重点在于“动画优先”的设计理念，提供动画表单、动态卡片、闪烁文字等现代化 UI 组件，旨在帮助开发者快速实现富交互界面。
技术栈包括 Next.js、TypeScript、Tailwind CSS、shadcn/ui 和 Framer Motion。
#Design #GitHub link
Reshaped - React 和 Figma 组件库
https://github.com/reshaped-ui/reshaped
https://reshaped.so/
为构建优雅产品和设计系统打造的 React 与 Figma 组件库，方便让设计与工程保持一致性。
原本是闭源的，作者想体验一把开源的乐趣才整出来
#Design #GitHub
https://github.com/reshaped-ui/reshaped
https://reshaped.so/
为构建优雅产品和设计系统打造的 React 与 Figma 组件库，方便让设计与工程保持一致性。
原本是闭源的，作者想体验一把开源的乐趣才整出来
#Design #GitHub
GitHub
GitHub - reshaped-ui/reshaped: Professionally crafted React & Figma components for building beautiful products or starting your…
Professionally crafted React & Figma components for building beautiful products or starting your own design system - reshaped-ui/reshaped
Chili3D - 基于浏览器端的三维 CAD（计算机辅助设计）应用程序
https://github.com/xiangechen/chili3d
Chili3D 是一个基于 Web 的 3D CAD（计算机辅助设计）应用程序，可在线进行模型设计和编辑。它通过将 OpenCascade（OCCT）编译为 WebAssembly 并与 Three.js 集成，实现了接近原生的性能，无需本地安装即可进行强大的在线建模、编辑和渲染。
● 建模工具：创建基本形状、2D 草图、布尔运算、挤出和旋转等高级操作
● 编辑工具：修改、变换、高级编辑等
● 测量工具：测量角度和长度，计算长度、面积和体积总和
● 文档管理：创建、打开和保存文档，支持导入 / 导出行业标准格式（STEP、IGES、BREP）
● 用户界面：办公风格界面，支持多语言本地化
#Tool #Design #Image #GitHub
https://github.com/xiangechen/chili3d
Chili3D 是一个基于 Web 的 3D CAD（计算机辅助设计）应用程序，可在线进行模型设计和编辑。它通过将 OpenCascade（OCCT）编译为 WebAssembly 并与 Three.js 集成，实现了接近原生的性能，无需本地安装即可进行强大的在线建模、编辑和渲染。
● 建模工具：创建基本形状、2D 草图、布尔运算、挤出和旋转等高级操作
● 编辑工具：修改、变换、高级编辑等
● 测量工具：测量角度和长度，计算长度、面积和体积总和
● 文档管理：创建、打开和保存文档，支持导入 / 导出行业标准格式（STEP、IGES、BREP）
● 用户界面：办公风格界面，支持多语言本地化
#Tool #Design #Image #GitHub
GitHub
GitHub - xiangechen/chili3d: A web-based 3D CAD application for online model design and editing
A web-based 3D CAD application for online model design and editing - xiangechen/chili3d
Streamdown - 专为 AI 流式 Markdown 渲染设计的 react-markdown 替代品
http://github.com/vercel/streamdown
Streamdown 是一个针对 AI 驱动的流式传输而设计的 react-markdown 的替代品。它提供了一系列针对流式传输的优化功能，如处理不完整的 Markdown 块、支持 GitHub Flavored Markdown、数学公式渲染、Mermaid 图表渲染等。Streamdown 可以作为独立的包安装使用，也可以作为 AI Elements Response 组件的一部分使用。
● 即装即用，完美替代 react-markdown，无需改动现有代码结构
● 流式优化，支持不完整 Markdown 实时解析，保证内容流畅呈现
● 支持未终止的加粗、斜体、代码块、链接和标题样式，提升用户体验
● 完备的 GitHub Flavored Markdown 支持：表格、任务列表、删除线等全覆盖
● 内置 LaTeX 渲染（KaTeX），满足数学公式显示需求
● 集成 Shiki 代码语法高亮，代码展示更美观、易读
● 基于 harden-react-markdown，安全渲染防止 XSS 等风险
● 性能优化，借助 memoization 实现高效更新，适合复杂交互场景
● 兼容 Node.js 18+ 和 React 19.1.1+，开发、测试、构建流程完善
#Tool #GitHub #Design
http://github.com/vercel/streamdown
Streamdown 是一个针对 AI 驱动的流式传输而设计的 react-markdown 的替代品。它提供了一系列针对流式传输的优化功能，如处理不完整的 Markdown 块、支持 GitHub Flavored Markdown、数学公式渲染、Mermaid 图表渲染等。Streamdown 可以作为独立的包安装使用，也可以作为 AI Elements Response 组件的一部分使用。
● 即装即用，完美替代 react-markdown，无需改动现有代码结构
● 流式优化，支持不完整 Markdown 实时解析，保证内容流畅呈现
● 支持未终止的加粗、斜体、代码块、链接和标题样式，提升用户体验
● 完备的 GitHub Flavored Markdown 支持：表格、任务列表、删除线等全覆盖
● 内置 LaTeX 渲染（KaTeX），满足数学公式显示需求
● 集成 Shiki 代码语法高亮，代码展示更美观、易读
● 基于 harden-react-markdown，安全渲染防止 XSS 等风险
● 性能优化，借助 memoization 实现高效更新，适合复杂交互场景
● 兼容 Node.js 18+ 和 React 19.1.1+，开发、测试、构建流程完善
#Tool #GitHub #Design
GitHub
GitHub - vercel/streamdown: A drop-in replacement for react-markdown, designed for AI-powered streaming.
A drop-in replacement for react-markdown, designed for AI-powered streaming. - vercel/streamdown
PatternCraft - 专业级背景图案与渐变资源库
https://github.com/megh-bari/pattern-craft
https://patterncraft.fun/
一个专业级的背景图案和渐变资源集合，可以轻松复制并粘贴到您的下一个项目中。
它使用现代 CSS 和 Tailwind 进行构建，以实现无缝集成。
● 提供 100 多种现代 CSS 背景图案和渐变代码片段
● 提供实时预览功能，让您在实现之前就能看到效果
● 使用现代 CSS 技术和 Tailwind CSS 进行设计
● 优化了响应式设计，适用于所有屏幕尺寸
● 纯 CSS 实现，无需依赖
● 按类别组织的图案集合，方便浏览
● 提供“返回顶部”和“添加收藏”功能
● 可轻松修改图案以满足您的需求
#Design #GitHub #URL
https://github.com/megh-bari/pattern-craft
https://patterncraft.fun/
一个专业级的背景图案和渐变资源集合，可以轻松复制并粘贴到您的下一个项目中。
它使用现代 CSS 和 Tailwind 进行构建，以实现无缝集成。
● 提供 100 多种现代 CSS 背景图案和渐变代码片段
● 提供实时预览功能，让您在实现之前就能看到效果
● 使用现代 CSS 技术和 Tailwind CSS 进行设计
● 优化了响应式设计，适用于所有屏幕尺寸
● 纯 CSS 实现，无需依赖
● 按类别组织的图案集合，方便浏览
● 提供“返回顶部”和“添加收藏”功能
● 可轻松修改图案以满足您的需求
#Design #GitHub #URL
GitHub
GitHub - megh-bari/pattern-craft: Professional-grade background patterns and gradients for your websites and apps. Easily copy…
Professional-grade background patterns and gradients for your websites and apps. Easily copy and paste into your next project. Crafted with modern CSS and Tailwind for seamless integration. - megh-...
Open Lovable
https://github.com/mendableai/open-lovable
Open Lovable 帮助开发者快速构建（复刻任意网页） React Web 应用。
Lovable 的开源版
依赖于 e2b 和 firecrawl
#Design #AI #Tool #GitHub
https://github.com/mendableai/open-lovable
Open Lovable 帮助开发者快速构建（复刻任意网页） React Web 应用。
Lovable 的开源版
依赖于 e2b 和 firecrawl
#Design #AI #Tool #GitHub
GitHub
GitHub - firecrawl/open-lovable: 🔥 Clone and recreate any website as a modern React app in seconds
🔥 Clone and recreate any website as a modern React app in seconds - firecrawl/open-lovable
ASCIIFlow - 绘制 ASCII 字符线框图表
https://asciiflow.com/
https://github.com/lewish/asciiflow
ASCIIFlow 是一个用于绘制 ASCII 图表的 Web 应用。
#Image #Design #Tool #GitHub #URL
https://asciiflow.com/
https://github.com/lewish/asciiflow
ASCIIFlow 是一个用于绘制 ASCII 图表的 Web 应用。
#Image #Design #Tool #GitHub #URL
GitHub
GitHub - lewish/asciiflow: ASCIIFlow
ASCIIFlow. Contribute to lewish/asciiflow development by creating an account on GitHub.
ui-layuouts 组件库
https://www.ui-layouts.com
https://github.com/ui-layouts/uilayouts
100+ 免费的交互式 React/Next.js 组件，基于 Tailwind CSS、Framer Motion、GSAP
#Design #GitHub
https://www.ui-layouts.com
https://github.com/ui-layouts/uilayouts
100+ 免费的交互式 React/Next.js 组件，基于 Tailwind CSS、Framer Motion、GSAP
#Design #GitHub
Ui-Layouts | Your Frontend Universe
Beautifully designed React + Next.js + TailwindCSS components. 60+ ready-to-use, accessible, and customizable UI pieces — open source and free.
字节 Coze AI Agent 平台开源
https://github.com/coze-dev/coze-studio
Coze Studio 是字节旗下的一个全面的 AI Agent 开发平台。
一个便捷的 AI Agent 开发环境，从开发到部署一应俱全。
● 提供 AI Agent 开发所需的所有核心技术：Prompt、RAG、插件、工作流等，让开发人员专注于创造 AI 的核心价值
● 为专业 AI Agent 开发提供即用型的应用程序模板和构建框架，让开发人员能够快速构建各种 AI Agent 并将创意转化为现实
● 提供可视化设计和构建工具，支持无代码或低代码方式快速创建和调试 Agent、应用程序和工作流，帮助开发人员构建定制化的 AI 产品
● 后端使用 Golang 开发，前端使用 React + TypeScript，整体架构基于微服务，遵循领域驱动设计（DDD）原则，为开发人员提供高性能、高可扩展性和易定制的底层框架。
#AI #Tool #GitHub #Design #Golang
https://github.com/coze-dev/coze-studio
Coze Studio 是字节旗下的一个全面的 AI Agent 开发平台。
一个便捷的 AI Agent 开发环境，从开发到部署一应俱全。
● 提供 AI Agent 开发所需的所有核心技术：Prompt、RAG、插件、工作流等，让开发人员专注于创造 AI 的核心价值
● 为专业 AI Agent 开发提供即用型的应用程序模板和构建框架，让开发人员能够快速构建各种 AI Agent 并将创意转化为现实
● 提供可视化设计和构建工具，支持无代码或低代码方式快速创建和调试 Agent、应用程序和工作流，帮助开发人员构建定制化的 AI 产品
● 后端使用 Golang 开发，前端使用 React + TypeScript，整体架构基于微服务，遵循领域驱动设计（DDD）原则，为开发人员提供高性能、高可扩展性和易定制的底层框架。
#AI #Tool #GitHub #Design #Golang
GitHub
GitHub - coze-dev/coze-studio: An AI agent development platform with all-in-one visual tools, simplifying agent creation, debugging…
An AI agent development platform with all-in-one visual tools, simplifying agent creation, debugging, and deployment like never before. Coze your way to AI Agent creation. - coze-dev/coze-studio
中文网字计划 - 免费可商用的 Web 字体文件
https://chinese-font.netlify.app/zh-cn
https://github.com/KonghaYao/chinese-free-web-font-storage
一套开源的、全方位的、全场景的 Web 字体解决方案。
#Design #Font #GitHub
https://chinese-font.netlify.app/zh-cn
https://github.com/KonghaYao/chinese-free-web-font-storage
一套开源的、全方位的、全场景的 Web 字体解决方案。
#Design #Font #GitHub
Motiff - AI 驱动的 UI 设计工具
https://motiff.com
Motiff 是一款 AI 驱动的专业界面设计工具，旨在通过其全面的 UI/UX 设计功能、原型制作和开发模式，显著提升设计工作流程效率，帮助用户轻松实现优雅设计。
● 从文本和图像生成设计。
● 使用预设样式生成 UI。
● 迭代现有设计。
● 生成模块和元素。
● 生成和编辑图像。
● 将网站转换为可编辑设计。
● 进行文本的撰写、翻译和润色。
● 辅助头脑风暴。
● 为任务生成快捷方式。
#Design #AI #Tool #URL
https://motiff.com
Motiff 是一款 AI 驱动的专业界面设计工具，旨在通过其全面的 UI/UX 设计功能、原型制作和开发模式，显著提升设计工作流程效率，帮助用户轻松实现优雅设计。
● 从文本和图像生成设计。
● 使用预设样式生成 UI。
● 迭代现有设计。
● 生成模块和元素。
● 生成和编辑图像。
● 将网站转换为可编辑设计。
● 进行文本的撰写、翻译和润色。
● 辅助头脑风暴。
● 为任务生成快捷方式。
#Design #AI #Tool #URL
Motiff
Motiff: AI-powered Professional Interface Design Tool
Motiff is the ultimate Interface AI design tool, powered by AI, offering comprehensive UI/UX design features, prototyping, and Develop Mode. Design all-in-one, online.
invoicely - 发票（商业账单 / 凭证）生成平台
https://github.com/legions-developer/invoicely
https://invoicely.gg
Invoicely 是一个基于 Next.js、tRPC 和 TypeScript 构建的现代化、开源的发票生成平台。
项目提供了一个简单易用的界面，用户可以在几分钟内创建专业的发票。
● 基于 Next.js 的现代化 Web 应用程序
● 使用 tRPC 实现端到端的类型安全 API
● 采用 TypeScript 进行类型安全开发
● 集成 Drizzle ORM 进行数据库操作
● 支持 Cloudflare R2 进行文件存储
● 提供 Google OAuth 社交登录功能
● 使用 Zod 进行数据验证
● 集成 PostHog 和 OpenPanel 进行分析和监控
#GitHub #Tool #PDF #Design
https://github.com/legions-developer/invoicely
https://invoicely.gg
Invoicely 是一个基于 Next.js、tRPC 和 TypeScript 构建的现代化、开源的发票生成平台。
项目提供了一个简单易用的界面，用户可以在几分钟内创建专业的发票。
● 基于 Next.js 的现代化 Web 应用程序
● 使用 tRPC 实现端到端的类型安全 API
● 采用 TypeScript 进行类型安全开发
● 集成 Drizzle ORM 进行数据库操作
● 支持 Cloudflare R2 进行文件存储
● 提供 Google OAuth 社交登录功能
● 使用 Zod 进行数据验证
● 集成 PostHog 和 OpenPanel 进行分析和监控
#GitHub #Tool #PDF #Design
GitHub
GitHub - legions-developer/invoicely: Invoicely is a simple and easy to use invoice generator where you can create beautiful and…
Invoicely is a simple and easy to use invoice generator where you can create beautiful and professional invoices in minutes. ~ Proudly OSS - legions-developer/invoicely
给 Uptime Kuma 状态页用的一个美化 CSS 主题，主打简约和现代风格，还支持明暗两种主题模式✨。
安装方法很简单：只需要把 main.css 里的内容复制到 Uptime Kuma 的状态页「自定义 CSS」里就行了。想个性化的话，可以直接改 :root {} 里的变量。默认会隐藏刷新计时器，如果想要显示，只要把 .refresh-info 的 display: none; 注释掉即可。
https://github.com/dermv/cute-kuma
#GitHub #Design
安装方法很简单：只需要把 main.css 里的内容复制到 Uptime Kuma 的状态页「自定义 CSS」里就行了。想个性化的话，可以直接改 :root {} 里的变量。默认会隐藏刷新计时器，如果想要显示，只要把 .refresh-info 的 display: none; 注释掉即可。
https://github.com/dermv/cute-kuma
#GitHub #Design
GitHub
GitHub - dermv/cute-kuma: Give your Uptime Kuma status page a cute and modern look with custom CSS
Give your Uptime Kuma status page a cute and modern look with custom CSS - dermv/cute-kuma
Postable - 一键为推文生成美观的分享图片
https://www.postable.app
Postable 是由产品设计师 Aryana Shakibaei 打造的一个推文分享图片在线生成的免费服务，具有以下亮点：
● 简单易用，只需在 Twitter 上复制推文链接后并将其粘贴到 Postable 的输入框中即可一键生成；
● 内置多种图片尺寸，支持同时导出适合 Instagram、Facebook 等社交平台的最佳展示分享图片；
● 内置多种背景样式，支持从 Unsplash 中选取、本地图片上传，或使用推文作者头像作为背景；
● 除此之外，Postable 还支持调整图片圆角、展示推文各项数据、选择布局方式等功能。
#Image #Tool #Design #URL #RePost link
https://www.postable.app
Postable 是由产品设计师 Aryana Shakibaei 打造的一个推文分享图片在线生成的免费服务，具有以下亮点：
● 简单易用，只需在 Twitter 上复制推文链接后并将其粘贴到 Postable 的输入框中即可一键生成；
● 内置多种图片尺寸，支持同时导出适合 Instagram、Facebook 等社交平台的最佳展示分享图片；
● 内置多种背景样式，支持从 Unsplash 中选取、本地图片上传，或使用推文作者头像作为背景；
● 除此之外，Postable 还支持调整图片圆角、展示推文各项数据、选择布局方式等功能。
#Image #Tool #Design #URL #RePost link
www.postable.app
Convert Tweet to Instagram Post
Transform your tweets into stunning Instagram posts and images with Postable.
jaaz - AI 设计助手
https://github.com/11cafe/jaaz
Jaaz 是一款强大的 AI 本地批量生图 Agent 工具。作为本地部署的工具，Jaaz 具有出色的性能和高效的处理能力，能够满足用户在本地进行大规模图像生成的需求。
● 可以接入 GPT 4o，Flux-Kontext 等最新模型，能够快速、稳定地生成大量高质量的图像。
● 提供 All in One Canvas 画布，通过全流程设计和批量出图功能，节省设计时间，提高生产力，快速迭代和发布。
#AI #Design #Tool #Image #GitHub
https://github.com/11cafe/jaaz
Jaaz 是一款强大的 AI 本地批量生图 Agent 工具。作为本地部署的工具，Jaaz 具有出色的性能和高效的处理能力，能够满足用户在本地进行大规模图像生成的需求。
● 可以接入 GPT 4o，Flux-Kontext 等最新模型，能够快速、稳定地生成大量高质量的图像。
● 提供 All in One Canvas 画布，通过全流程设计和批量出图功能，节省设计时间，提高生产力，快速迭代和发布。
#AI #Design #Tool #Image #GitHub
GitHub
GitHub - 11cafe/jaaz: The world's first open-source multimodal creative assistant This is a substitute for Canva and Manus that…
The world's first open-source multimodal creative assistant This is a substitute for Canva and Manus that prioritizes privacy and is usable locally. - 11cafe/jaaz
stagewise - 连接前端 UI 元素与 AI Coding Agent
https://github.com/stagewise-io/stagewise
stagewise 是一个浏览器工具栏，可以将前端 UI 与代码编辑器中的 AI Agent 连接起来。
它让前端开发者能够直接在浏览器中选择 UI 元素并进行注释和交互，将元素截图、DOM 结构等关键信息一键发送给 AI Agent 。
● 直接在浏览器中选择任意 UI 元素并发送给 AI 助手；
● 自动连接 VS Code 扩展，无需额外配置；
● 支持多种前端框架：React、Vue、Next.js、SvelteKit 等；
● 可通过自定义插件系统扩展功能；
● 提供 DOM 元素、截图和元数据给 AI 代理；
● 不会影响应用的打包体积，仅在开发模式下生效。
#AI #Tool #GitHub #Design
https://github.com/stagewise-io/stagewise
stagewise 是一个浏览器工具栏，可以将前端 UI 与代码编辑器中的 AI Agent 连接起来。
它让前端开发者能够直接在浏览器中选择 UI 元素并进行注释和交互，将元素截图、DOM 结构等关键信息一键发送给 AI Agent 。
● 直接在浏览器中选择任意 UI 元素并发送给 AI 助手；
● 自动连接 VS Code 扩展，无需额外配置；
● 支持多种前端框架：React、Vue、Next.js、SvelteKit 等；
● 可通过自定义插件系统扩展功能；
● 提供 DOM 元素、截图和元数据给 AI 代理；
● 不会影响应用的打包体积，仅在开发模式下生效。
#AI #Tool #GitHub #Design
GitHub
GitHub - stagewise-io/stagewise: stagewise is the first frontend coding agent for existing production-grade web apps 🪄 -- Lives…
stagewise is the first frontend coding agent for existing production-grade web apps 🪄 -- Lives inside your browser 💻 -- Makes changes in local codebase 🤓 -- Compatible with all kinds of frameworks...
Flowgram - 字节跳动开源流程引擎
https://github.com/bytedance/flowgram.ai
https://flowgram.ai/
FlowGram 是一套基于节点编辑的流程搭建引擎，帮助开发者快速创建固定布局或自由连线布局模式的流程，并提供一套交互的最佳实践, 很适合有明确输入和输出的可视化工作流。
FlowGram = Flow + Program，寓意流程如程序一样，拥有 Condition、Loop 甚至 TryCatch 节点。
● 提供固定布局和自由连线布局两种工作流程构建模式
● 支持复合节点,如分支和循环
● 致力于将 AI 功能集成到工作流程中
#GitHub #Tool #AI #Design
https://github.com/bytedance/flowgram.ai
https://flowgram.ai/
FlowGram 是一套基于节点编辑的流程搭建引擎，帮助开发者快速创建固定布局或自由连线布局模式的流程，并提供一套交互的最佳实践, 很适合有明确输入和输出的可视化工作流。
FlowGram = Flow + Program，寓意流程如程序一样，拥有 Condition、Loop 甚至 TryCatch 节点。
● 提供固定布局和自由连线布局两种工作流程构建模式
● 支持复合节点,如分支和循环
● 致力于将 AI 功能集成到工作流程中
#GitHub #Tool #AI #Design
GitHub
GitHub - bytedance/flowgram.ai: FlowGram is a node-based flow building engine that helps developers quickly create workflows in…
FlowGram is a node-based flow building engine that helps developers quickly create workflows in either fixed layout or free connection layout modes - bytedance/flowgram.ai
Cursor Talk To Figma MCP
https://github.com/sonnylazuardi/cursor-talk-to-figma-mcp
这个项目实现了一个 Model Context Protocol (MCP) 集成,允许 Cursor AI 与 Figma 进行通信交互，以便读取设计并以编程方式对其进行修改。
项目包括一个 MCP Server、一个 Figma 插件和一个 WebSocket Server，用于在 MCP Server和 Figma 插件之间进行通信。
● 获取 Figma 文档和选择信息
● 读取、创建、修改和删除 Figma 元素
● 管理 Figma 组件和样式
● 导出 Figma 元素为图像
● 提供多种 MCP 命令和帮助提示
#AI #Design #GitHub #Tool #MCP
https://github.com/sonnylazuardi/cursor-talk-to-figma-mcp
这个项目实现了一个 Model Context Protocol (MCP) 集成,允许 Cursor AI 与 Figma 进行通信交互，以便读取设计并以编程方式对其进行修改。
项目包括一个 MCP Server、一个 Figma 插件和一个 WebSocket Server，用于在 MCP Server和 Figma 插件之间进行通信。
● 获取 Figma 文档和选择信息
● 读取、创建、修改和删除 Figma 元素
● 管理 Figma 组件和样式
● 导出 Figma 元素为图像
● 提供多种 MCP 命令和帮助提示
#AI #Design #GitHub #Tool #MCP
GitHub
GitHub - grab/cursor-talk-to-figma-mcp: CTTF: MCP integration between Cursor AI and Figma, allowing Cursor to communicate with…
CTTF: MCP integration between Cursor AI and Figma, allowing Cursor to communicate with Figma like agentic ai for reading designs and modifying them programmatically. - grab/cursor-talk-to-figma-mcp
