🚀GitHub 上面向 Web 开发人员的 10 个热门项目 - 2021 年 4 月 30 日

脚本工具包 v3
🧁 香草精
Tiptap 编辑器
DOM净化
木偶师-群众演员
文档
墨线
《热门项目》以每周新闻简报的形式提供,请访问www.iainfreestone.com注册,以确保您不会错过任何一期。
1. WinBox
WinBox 是一款专业的 HTML5 网页窗口管理器:轻量级、性能卓越、无依赖项、完全可定制、开源!
WinBox 是一款现代化的 HTML5 网页窗口管理器:轻量级、性能卓越、无依赖项、完全可定制、开源!
现代网页窗口管理器:轻量级、性能卓越、无依赖项、完全可定制、开源!

演示 • 入门指南 • 选项 • API • 主题 • 自定义 • 更新日志
在线演示和代码示例
https://nextapps-de.github.io/winbox/
支持此项目
大家好,我叫托马斯,也叫 ts-thomas。这是一个完全利用业余时间开发的个人项目。为了增加曝光度,它托管在我所在公司 Nextapps 的 GitHub 账号上。正如一些朋友可能已经猜到的,由于这是一个免费开源项目,我从未从 Nextapps 公司获得过任何资金支持。我很高兴 WinBox.js 获得了如此多的积极反馈和功能请求。如果您愿意,可以通过个人捐赠来支持我,这将极大地帮助我维持项目的运行,并提供所有必要的功能……
2. 脚本工具包
面向开发者的自动化工具,自动化一切!让脚本的运行、编写和共享变得轻松简单。
3. 香草精
使用 TypeScript 实现零运行时样式表。用 TypeScript(或 JavaScript)编写样式,使用局部作用域的类名和 CSS 变量,然后在构建时生成静态 CSS 文件。
🧁 香草精
TypeScript 中的零运行时样式表。
使用 TypeScript(或 JavaScript)编写样式,采用局部作用域类名和 CSS 变量,然后在构建时生成静态 CSS 文件。
基本上,它就是“ TypeScript 中的 CSS 模块”,但增加了作用域 CSS 变量以及更多功能。
🔥 所有样式均在构建时生成——就像Sass、Less等一样。
✨ 基于标准 CSS 的极简抽象。
🦄 可与任何前端框架配合使用——甚至无需前端框架也能使用。
🌳 局部作用域类名 — 就像CSS Modules 一样。
🚀 局部作用域的CSS变量和规则。@keyframes@font-face
🎨 高级主题系统,支持同时运行多个主题。无需全局变量!
🛠 用于生成基于变量的calc表达式的实用程序。
💪 通过CSSType实现类型安全的样式。
🏃♂️ 可选的运行时版本,用于开发和测试。
🙈 动态运行时主题的可选 API。
🌐查看文档网站,获取设置指南、示例和 API 文档。
🖥 亲自体验一下吧……
4. 蒂普塔普
面向网页开发者的无头编辑器框架。
Tiptap 编辑器
Tiptap 编辑器是一款无头、框架无关的富文本编辑器,可通过扩展程序进行自定义和扩展。其无头特性意味着它没有预设的用户界面,从而提供完全的设计自由(如需快速入门,请参阅下方链接的UI 模板)。Tiptap 基于高度可靠的ProseMirror库。
Tiptap 编辑器与开源协作后端Hocuspocus相辅相成。编辑器和 Hocuspocus 共同构成了Tiptap 套件的基础。

Tiptap 编辑器是如何工作的?
- 无头框架: Tiptap 不依赖用户界面,因此无需重写类或编写代码。如果您需要示例用户界面,请浏览下方链接的用户界面模板。
- 框架无关: Tiptap 编辑器旨在跨不同前端框架运行。这意味着无论您使用的是 Vue、React 还是纯 JavaScript,Tiptap 都能无缝集成,不会出现兼容性问题。
- 基于扩展: Tiptap 中的扩展允许……
5. DOMPurify
DOMPurify - 一款仅针对 DOM、速度极快、对 HTML、MathML 和 SVG 具有超强容忍度的 XSS 清理器。
DOMPurify 是一款仅针对 DOM 的超快、超高容错性的 XSS 安全工具,支持 HTML、MathML 和 SVG。DOMPurify 默认提供安全保护,同时还提供了丰富的配置选项和接口。演示:
图 6
Fig 为你的终端添加了 VSCode 风格的自动补全功能。
为现有终端和 shell 提供 IDE 风格的自动补全功能

Amazon Q Developer 在命令行中git为数百种常用 CLI 命令(例如`cd`、npm docker`cd` 和 `cd` )添加了 IDE 风格的自动补全功能aws。开始输入后,Amazon Q 会自动填充与上下文相关的子命令、选项和参数。
⚡️安装
- macOS
- Linux/Windows:
- 远程机器
注意:下载完成后,启动应用程序以设置 Amazon Q 的命令行!

👋 什么是“完成规格”?
补全规范是一种声明式模式,它为 CLI 工具指定了补全subcommands、补全options和补全建议。Amazon Q 使用这些模式来生成建议。args
😎 不到 3 分钟即可贡献您的第一个规范
按照以下步骤操作,或参阅我们的入门指南:fig.io/docs
先决条件:
- 下载 Amazon Q 命令行版
- Node 和 Pnpm
步骤
-
请确保您已pnpm 安装……
7. 木偶师-群众演员
通过插件教木偶师新技巧。
8. swc
swc 是一个用 rust 编写的超快编译器;它能够根据现代标准和 typescript 生成广泛支持的 javascript。
加快网站(开发)速度
SWC(全称 SWC Speedy Web Compiler)是一个用 Rust 编写的超快 TypeScript/JavaScript 编译器。它同时是一个 Rust 和 JavaScript 库。如果您在 Rust 中使用 SWC,请参阅rustdoc。对于大多数用户来说,使用该库的入口点是`parser`。
此外,SWC 还努力确保
如果选择每个箱子的最新版本,就可以正常工作。
适用于 Rust 用户。
箱子的 MSRV 目前为1.73。
要更新所有使用的 SWC crate,您可以运行此脚本curl https://raw.githubusercontent.com/swc-project/swc/main/scripts/update-all-swc-crates.sh | bash -s。该脚本会将所有依赖项更新到最新版本,并运行cargo build以确保一切正常运行。请注意,您需要
运行脚本的命令。
如果您正在使用 JavaScript 中的 SWC,请参阅网站上的文档。
文档
查看…
9. 墨线
Inkline 是一个可定制的 Vue.js UI/UX 库,旨在创建完美响应式网站。
Inkline 是一个直观的 UI 组件库,它为开发者提供了一个友好的基础,用于构建高质量、易于访问且可定制的 Vue.js 3 设计系统。
墨线
Inkline 是一个直观的 UI 组件库,它为开发者提供了一个友好的基础,用于构建高质量、易用且可定制的 Vue.js 3 设计系统。Inkline由@alexgrozav
编写和维护。首页·文档· Storybook · Playground · Issue Tracker
目录
安装
请阅读入门指南或选择以下指南之一。Inkline 提供 Vite.js(推荐)、Vue.js CLI 和 Nuxt.js 的官方集成,但也可以轻松安装以进行自定义 Vue.js 配置。
错误报告和功能请求
遇到 bug 或有功能需求?请先搜索已关闭的 issue。如果你的问题或想法尚未被解答,请提交新的 issue。
社区
获取 Inkline 开发的最新动态,并与项目维护者和社区成员交流。
10. 小马驹
基于 TypeScript 的优雅且功能全面的 Node.js Web 框架。
https://foalts.org
什么是小马驹?
Foal(或FoalTS)是一个用于创建 Web 应用程序的 Node.js 框架。
它提供了一套即用型组件,让您无需每次都重复造轮子。在一个平台上,您就能拥有构建 Web 应用程序的完整环境。这包括命令行界面 (CLI)、测试工具、前端实用程序、脚本、高级身份验证、对象关系映射 (ORM)、部署环境、GraphQL 和 Swagger API、AWS 实用程序等等。您不再需要费力地在 npm 上搜索软件包并让它们协同工作。一切都已准备就绪。
尽管提供了所有这些功能,但该框架依然保持简洁。我们摒弃了复杂性和不必要的抽象,力求提供最直观、最具表现力的语法。我们相信,简洁优雅的代码是开发和维护应用程序的最佳方式。它还能让您将更多时间用于编写代码,而不是试图理解……
观星📈
过去7天涨幅最大的股票
- 免费编程书籍+2,453 星
- 自建 X +2,383 颗星
- Web 开发者路线图+2,178 星
- 公共 API +1,804 星
- JavaScript 算法+1,341 星
过去 7 天增长幅度最大(%)
- JS Image Carver +37%
- party.js +26%
- Choc UI +24%
- 超级板+22%
- 图+8%
过去 30 天涨幅最大的股票
- 编程面试大学+7,913 星
- 免费编程书籍+4,655 星
- Web 开发者路线图+4,498 星
- 公共 API +4,497 星
- 克隆战争+3,905 星
过去 30 天增长幅度最大(%)
- Appsmith +105%
- React Flow +84%
- 更简单的状态+59%
- 克隆战争+59%
- 无头用户界面+55%
《热门项目》以每周新闻简报的形式提供,请访问www.iainfreestone.com注册,以确保您不会错过任何一期。
如果你喜欢这篇文章,可以关注我的推特账号,我会定期发布与HTML、CSS和JavaScript相关的实用技巧。
文章来源:https://dev.to/iainfreestone/10-trending-projects-on-github-for-web-developers-30th-april-2021-efn