DevUI

Griddy 是一款专注于 CSS Grid 布局的可视化编辑工具，帮助用户快速创建、调试和预览网格布局。 Griddy官网入口网址：https://griddy.io/ 主要功能 交互式网格编辑：实时设置 grid-template-columns、grid-template-rows、列/行间距、对齐方式等属性。即时代码生成：根据用户的配置自动生成对应的 CSS 代码，便于直接复制使用。实时预览：在编辑面板中即时展示布局效果，帮助快速调试和优化。 服务内容 网格配置面板：支持添加、删除、修改列/行数量和尺寸（包括单位）。代码展示：提供完整的 CSS 代码片段，包括 grid-template-columns、grid-template-rows、column-gap、row-gap、justify-items、align-items 等属性。学习与实验：为学习 CSS Grid 的用户提供直观的实验环境，帮助理解网格概念。 目标用户 前端开发者、网页设计师以及需要快速构建响应式网格布局的技术人员。学习 CSS Grid 的学生和爱好者，提供可视化的实验与学习平台。 Griddy 通过直观的 UI 把抽象的 CSS Grid 语法转化为可操作的图形，让开发者和设计师都能更高效地构建现代响应式布局。

Certd 是一个开源SSL证书管理工具；全自动证书申请、更新、续期；通配符证书，泛域名证书申请；证书自动化部署到阿里云、腾讯云、主机、群晖、宝塔；https证书，pfx证书，der证书，TLS证书，nginx证书自动续签自动部署。 Certd 的核心优势在于其自动化能力，能够自动完成证书的申请、更新、续期和部署，减少人工操作，提高效率和安全性。它还具备智能监测系统，能够实时监控证书有效期，确保业务连续性。 Certd官网入口网址：https://certd.docmirror.cn/Certd开源项目地址：https://github.com/certd/certd Certd 是一款开源、免费的全自动SSL证书管理工具，旨在帮助用户简化证书申请、更新、续期和部署的复杂流程。其名称中的“d”取自 Linux 守护进程的命名风格，意为“证书守护进程”，象征着其持续保障网站安全的使命。 Certd 的核心功能包括： 全自动证书申请：支持所有注册商注册的域名，并兼容 DNS-01、HTTP-01、CNAME 代理等多种验证方式，确保证书申请高效完成。全自动部署更新：支持将证书自动部署到主机、阿里云、腾讯云等平台，目前已支持 70+ 部署插件，灵活满足不同需求。多样化支持：支持通配符域名和泛域名，单证书可包含多个域名，同时兼容 pem、pfx、der、jks 等多种证书格式。通知功能：通过邮件、Webhook、企微、钉钉等多种方式即时通知用户证书状态，确保信息及时掌握。私有化部署：数据本地保存，授权信息加密存储，支持 SQLite、PostgreSQL、MySQL 等多种数据库，保障敏感数据安全。 Certd 是一个功能强大、安全、易用的开源 SSL 证书管理工具，适用于个人开发者、企业组织和各种规模的项目。

Penpot 是一款开源的设计与原型制作工具，专为团队协作设计，旨在帮助设计师和开发者更好地协作完成设计和开发工作。它支持跨平台使用，基于Web，无需安装额外软件，用户可以通过浏览器或自托管方式使用 。Penpot 采用开放标准技术，支持SVG、CSS和HTML代码生成，便于开发者直接使用，简化开发流程 。其核心功能包括设计工具、原型制作、协作功能、设计系统管理、代码集成等，支持实时协作、版本控制、权限管理，提升团队效率 。 Penpot官网入口网址：https://penpot.app/Penpot开源项目地址：https://github.com/penpot/penpot Penpot 的社区驱动性强，拥有活跃的社区和持续更新的开发团队，用户可以通过GitHub、社区论坛、社交媒体等渠道参与贡献和交流。Penpot 作为开源工具，不仅免费且开放，用户可以完全掌控自己的工作和工具，适用于各类项目和团队规模。Penpot 的目标是提供一个开放、协作和创新的工作方式，帮助团队更高效地完成设计和开发任务 。 Penpot 的官网提供了详细的文档、教程和社区支持，用户可以通过官网、GitHub仓库、社区论坛等渠道获取帮助和资源 。Penpot 的设计理念强调开放性、协作性和灵活性，旨在为设计师和开发者提供一个高效、便捷的设计和开发工具 。

React Bits 是一个开源的 React 动画组件库，旨在帮助开发者构建美观且富有吸引力的用户界面。它提供了一系列动画、交互式且高度可定制的 React 组件，适用于个人项目或商业应用 。 ReactBits官网入口网址：https://reactbits.dev/ReactBits开源项目地址：https://github.com/DavidHDev/react-bits React Bits 提供了超过 60 个或 80 个动画组件，涵盖文本动画、背景动画、交互式组件等，支持多种技术栈，如 JS/TS、CSS、Tailwind CSS 等，且支持多种组合方式 。用户可以通过命令行工具 npx jsrepo 安装组件，或通过复制代码的方式集成到项目中 。项目鼓励社区贡献和改进，采用 MIT 许可证或 MIT + Commons Clause 许可证授权 。 React Bits 的核心理念是“复制即用”，用户只需复制代码即可实现专业级动态效果，无需复杂配置或深入学习动画技术，显著提升了开发效率 。项目支持响应式布局、浏览器兼容性处理，并提供详细的文档和活跃的社区支持 。 React Bits 的使用方法包括通过 CLI 工具安装组件、复制代码片段、安装依赖和引入组件等，操作简便，无需复杂配置 。项目持续更新，不断扩展功能，支持 React Server Components、TypeScript、按需加载机制等新特性，以优化性能和用户体验 。 React Bits 是一个开源、活跃且功能强大的 React 动画组件库，适合开发者快速构建高质量的用户界面和交互式应用。

HexHub 是一款功能强大的远程管理与开发工具，HexHub 提供了丰富的功能模块，包括数据库管理、SSH 连接、文件传输、容器管理、数据库操作、多平台支持等。 HexHub官网入口网址：https://www.hexhub.cn/ 在免费版中，用户可以使用部分基础功能，如标签数量限制为8个，不支持自建仓库同步、多窗口、分屏显示等功能。而专业版则提供了更全面的功能支持，例如支持自建仓库同步、多窗口、分屏显示、数据库管理、容器管理、SSH 代理连接、文件传输、容器管理、数据库操作等高级功能。 HexHub 的专业版在数据库管理方面提供了 SQL 查询编辑器、表结构编辑、数据内联编辑、视图管理、数据字典导出等功能，支持多种数据库类型（如 MySQL、PostgreSQL、SQLite、MariaDB 等）。此外，HexHub 还支持 SSH、RDP、跳板机、命令输入广播、代理连接、文件传输、容器管理、Docker 容器管理等功能，满足用户在远程开发、运维和管理方面的多样化需求。 HexHub 的界面设计支持亮色/暗色双主题，支持配置导入导出、数据同步、实时面板等功能，为用户提供了便捷的使用体验。无论是个人开发者还是企业团队，HexHub 都能提供高效、稳定、安全的远程管理与开发解决方案。

xyflow是一个基于节点的编辑器和交互式图表库，支持React和Svelte框架，用于构建基于节点的用户界面。它提供开箱即用的功能，并且高度可定制，适用于开发工作流、流程图等场景。xyflow提供了四个主要包：ReactFlow（@xyflow/react）、SvelteFlow（@xyflow/svelte）、共享辅助库（@xyflow/system）和系统包（@xyflow/system）。它支持动态节点、自定义样式、动态连接线等核心功能，并且支持社区贡献和企业支持。 xyflow官网入口网址：https://xyflow.com/xyflow开源项目地址：https://github.com/xyflow/xyflow xyflow的核心概念包括节点、句柄、边、连接线和视图，支持拖拽操作和自定义节点和边。它支持多种布局和插件，如Minimap、Controls等，适用于软件开发、数据管道、自动化工作流、教育及低代码平台等多个领域。 xyflow是一个强大的开源项目，旨在简化复杂业务逻辑的可视化建模和执行，适用于开发者和设计师。