网页设计师和开发人员资源#4：WordPress和前端工具集

我们为 *** 开发者朋友们准备了一套全新的资源。

这一次我们提供了各类工具，包括一个检查 WordPress 插件开发的插件、一个用于 WordPress 管理应用程序的 React 组件库、一个 Laravel Blade 组件集、一个用 Rust 编写的，以及一些你可能会发现有用的有趣东西。

Plugin Check

是一款 WordPress 工具，可帮助您确保您的插件符合 所要求的标准。它检查是否符合更佳实践，涵盖性能、安全性、、 等领域，并标记任何违规或问题，以帮助改进您的插件。

Kubrick UI

是一个开源的 React 组件库，构建于 之上，专为创建自定义 WordPress 管理应用程序而设计。它可以帮助开发人员确保 WordPress 管理应用程序的一致性、可访问性，并与熟悉的 WordPress 管理界面无缝融合。

React Symbols

是一个轻量级的 ，提供 100 多个文件和文件夹图标。它采用 TypeScript 构建，支持 React Server Components (RSC)，并提供经过优化和精简的 SVGs。这些图标最初是为 VSCode 主题“”设计和创建的，但我认为它完全适用于任何项目。

Zola

是一个用 编写的，类似于 和 ，它使用 。它支持 ，并提供 GitHub 风格表格和任务列表等功能。对于希望构建快速、安全、灵活网站的开发人员来说，这是一款非常棒的工具。

MaryUI

是适用于 Livewire 3 的  组件集。它提供了预先设计好的 UI 元素，帮助 Laravel 开发人员快速、轻松地构建应用程序的 UI 和页面。它使用 daisyUI 和 Tailwind CSS 进行样式设计，让您可以使用自己熟悉的工具进行灵活定制。

Expressive Code

可让你在内容或页面上轻松显示代码块。它支持 VS Code 主题，具有准确的语法高亮显示，并包含编辑器框架、复制到剪贴板按钮、文本标记和可折叠部分等功能。最重要的是，它不依赖 React 或 Vue 等任何前端框架，可与 Astro 和 Next.js 等流行的网站生成器以及普通 Markdown 和 MDX 配合使用。

Shoelace

是一个开源的、与框架无关的可定制 *** 组件库。它提供按钮和对话框等可访问的现代用户界面元素，易于主题化和集成到任何项目中，是构建响应性强、灵活的 *** 界面的理想之选。

GitHub Copilot Extensions

GitHub 发布的 ，使开发人员能够在 VS Code 和 GitHub 中使用自然语言进行开发和部署。它允许你使用特定的工具，如 Docker、Azure、Stripe 和 MongoDB，为你提供更好的工具和上下文，在一个简化的过程中修复或解决应用程序中的问题。

Dioxus

是一个 Rust 库，可让您从单一代码库中构建桌面、 *** 、移动等应用。它受到 React 的启发，致力于让跨平台应用的开发更快、更简单。如果您想为多个平台构建应用程序，它将是您的理想工具。

Motion Primitives

是一组使用 Framer Motion 和  构建的 React 组件。它能让您轻松为网站添加。对于希望让网站更具活力的开发人员和设计师来说，这是一个完美的库。

Rclone

是一款命令行工具，可帮助你轻松管理云存储上的文件。它可以替代云供应商提供的 *** 接口。它支持 70 多种不同的云存储服务，包括 S3 对象存储和各种文件存储选项。它能让你更轻松地在多个平台上传输和整理文件。

Notion Helper

是一个 ，可简化 Notion API 的工作。它易于使用，没有依赖关系，并为 IntelliSense 提供完整的 *** Doc 支持。对于希望将集成到其项目中的开发人员来说，这是一款非常棒的工具。

Wagtail

是一个基于 Django 的开源内容管理系统（CMS），其设计注重用户体验。它为设计人员和开发人员提供了对内容和设计的精细控制。它使创建网站变得简单而灵活。如果您的 Python 项目正在寻找一个易于使用和定制的内容管理系统，我认为 Wagtail 是一个不错的选择。

UIKit

是一个工具包，用于使用 react-three-fiber 构建快速、反应灵敏的 3D 用户界面。它提供预设风格的可定制组件，让您更轻松地创建交互式布局和界面。它是在基于 *** 的 3D 应用程序（如游戏或虚拟/增强现实（VR/AR）项目）中开发用户界面的绝佳库。

SN Pro

是一款基于 的免费开源字体。它细化了每个字符，使其具有更好的可读性，改进了字距和对连字符的支持，同时对 Q 和 t 等特定字母进行了调整。它看起来干净整洁，感觉更有质感。

Image Placeholders

是一个 WordPress 插件，是 WordPress 为提高性能所做努力的一部分。它的工作原理是确定并存储媒体库中新上传图片的主色调，并利用它在前端创建一个该颜色的背景占位符，该占位符在相关图片加载之前是可见的。

Atomico

Atomico是一个轻量级库，用于使用函数、钩子和虚拟 DOM（类似于 React）构建 Web 组件。它还与框架无关，这意味着您的组件可以与 React、Vue、Svelte 或 Angular 等库一起使用。我认为，对于希望构建快速、易用的 Web 组件的开发人员来说，这是一个很棒的库。

Gutenberg Comment Highlight

是一个 VSCode 扩展，可提高 WordPress 古腾堡块元数据的可读性。它将以 wp: 开头的区块名称作为变量高亮显示，并对任何 *** ON 字符串应用基本的 *** ON 语法高亮显示，从而使注释比标准 HTML 注释的默认灰色外观更易于阅读。

SST

是一个可简化在自己的 AWS 基础架构上构建全栈应用程序的框架。只需一次配置，您就可以部署应用程序所需的一切。它支持广泛的 AWS 服务，包括 Lambda、API Gateway 和 S3，并支持 Next.js、Nuxt、Solid、Astro 等流行框架。这是一款非常方便的应用程序部署工具。

Rspack

是用 Rust 编写的高性能 JavaScript 捆绑程序，旨在成为 Webpack 的更快替代品。它提供快速构建性能、热模块替换（HMR）以及与 Webpack 插件和加载器的完全兼容性。Rspack 还支持树抖动等内置优化，并且与框架无关，让开发人员可以灵活地处理大型项目。对于希望提高项目和应用程序构建性能的开发人员来说，Rspack 是一款出色的工具。