《热门项目》以每周新闻简报的形式提供，请访问www.iainfreestone.com注册，以确保您不会错过任何一期。
功能最强大的 Node.js 无头 CMS——基于 GraphQL 和 React 构建
keystonejs / keystone
Keystone 能助您以远超其他 CMS 或应用框架的速度构建应用并实现更大规模的扩展。只需描述您的数据架构，即可获得强大的 GraphQL API 和美观的管理界面，轻松管理您的内容和数据。
无需样板代码或引导程序——只有优雅的 API，帮助您交付真正重要的代码，同时又不牺牲定制后端的灵活性和强大功能。
Keystone 6 已发布到 npm，@keystone-6/*命名空间为 。
您可以在我们的网站上找到更详细的文档，但以下是一些可能对您有帮助的快速链接：
create-keystone-app。Lit 是一个简单的库，用于构建快速、轻量级的 Web 组件。
Lit 是一个简单的库，用于构建快速、轻量级的 Web 组件。
Lit 的核心是一个消除样板代码的组件基类，它提供响应式状态、作用域样式和声明式模板系统，该系统体积小、速度快、表达力强。
请访问lit.dev查看 Lit 的完整文档。
开发者如需了解更多项目信息或做出贡献，可在此处找到更多文档dev-docs。
通过 npm 安装：
npm i lit
这是 Lit 软件包的单体仓库。
lit 2.x 的源代码已在该分支上提供2.x。lit-html 1.x 的源代码已在该分支上提供lit-html-1.x。
lit- Lit 的主要面向用户的软件包，包括 lit-html 和 lit-element 中的所有内容。lit-element- Lit 中使用的 web 组件基类。lit-html- LitElement 使用的渲染库。@lit/reactive-element- 一个提供以下功能的底层基类……你最后需要的旋转木马
你所需的最后一个旋转木马
http://kenwheeler.github.io/slick
要立即开始使用 Slick，您可以选择以下几种 CDN 服务，以便尽可能快速地将文件提供给您的用户：
只需在您的文件中添加指向 CSS 文件的链接<head>：
<!-- Add the slick-theme.css if you want default styling -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<!-- Add the slick-theme.css if you want default styling -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
然后，在结束<body>标签之前添加：
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
# Bower
bower install --save slick-carousel
# NPM
npm install slick-carousel
请在提交功能请求、拉取请求或其他操作之前，先查看 CONTRIBUTING.markdown 文件。
开源中性风格图标系统
Remix-Design / RemixIcon
英语 |简体中文
Remix Icon 是一套开源的、风格中性的系统图标集，专为设计师和开发者打造。与拼凑而成的图标库不同，这套包含 2800 多个图标的 Remix Icon 图标集均经过精心设计，确保其具有良好的可读性、一致性和像素级的完美品质。每个图标都基于 24x24 网格，并设计了“轮廓”和“填充”两种样式。当然，所有图标均可免费用于个人和商业用途。
请访问remixicon.com查看完整的 Remix 图标集。
只需点击remixicon.com上您想要的图标，即可下载 SVG 或 PNG 格式的图标。
设计师可以点击Copy SVG按钮，然后按下⌘+V或Ctrl+V粘贴按钮，直接将矢量图形粘贴到设计工具中，非常简单方便。
我们建议设计师在需要时从我们的网站下载或复制图标，而不是自己管理所有图标……
使用 Next.js 和 Vercel，几分钟内即可部署您自己的基于 Notion 的网站。
transitive-bullshit / nextjs-notion-starter-kit 
使用 Next.js 和 Notion 构建网站的完美入门套件。
这个仓库是我用来驱动我的个人博客和作品集网站transitivebullsh.it 的工具。
它使用 Notion 作为 CMS，react-notion-x，Next.js和Vercel。
本项目需要较新版本的 Node.js（我们建议使用 16 或更高版本）。
一个支持原生暗黑主题的 React 组件和 Hooks 库，专注于可用性、可访问性和开发者体验。
mantinedev / mantine
@mantine/hooks– 包含 50 多个用于状态和 UI 管理的钩子集合@mantine/core– 核心组件库 – 100 多个组件@mantine/form– 表单管理库@mantine/charts– 基于 recharts 的图表库@mantine/notifications一个功能齐全的通知系统@mantine/spotlight–Ctrl + K应用程序的指挥中心@mantine/code-highlight– 使用highlight.js构建的代码高亮显示@mantine/tiptap– 一款基于 Tiptap 的富文本编辑器@mantine/dropzone– 管理文件，支持拖放操作，可将文件拖放到指定区域或整个屏幕。@mantine/carousel– 旋转组件@mantine/nprogress导航进度@mantine/modals– 集中式模型管理器Mantine拥有一个非常友好的社区，我们随时乐意帮助您入门：
一款非常棒的应用程序，可以纠正您之前在控制台中执行的命令。
The Fuck是一款非常棒的应用程序，其灵感来自@liamosaur 的一条 推文，它可以纠正之前控制台命令中的错误。
速度太慢？试试实验性的即时模式！
更多示例：
➜ apt-get install vim
E: Could not open lock file /var/lib/dpkg/lock - open (13: Permission denied)
E: Unable to lock the administration directory (/var/lib/dpkg/), are you root?
➜ fuck
sudo apt-get install vim [enter/↑/↓/ctrl+c]
[sudo] password for nvbn:
Reading package lists... Done
...
➜ git push
fatal: The current branch master has no upstream branch.
To push the current branch and set the remote as upstream, use
git push --set-upstream origin master
➜ fuck
git push --set-upstream origin master [enter/↑/↓/ctrl+c]
Counting objects: 9, done.
...
➜ puthon
No command 'puthon' found, did you mean
Command 'python' from package 'python-minimal' (main)
Command 'python' from package 'python3' (main)…
以符合人体工程学的方式浏览和删除 Git 分支
matt-harvey / git_curate
一段时间后，我的本地仓库分支过多，git branch生成了一个冗长的分支列表。我想删除一些分支来整理这个列表；但我光凭分支名称很难记住哪些分支需要保留；而且逐个检查并单独执行删除git branch -D操作也很麻烦。
git curate旨在缓解这种痛苦。它会引导你逐个浏览代码仓库的本地分支，并输出每个分支的以下信息：
然后您可以根据需要选择是删除还是保留每个分支。
…
用 JavaScript 创作音乐。使用简单的 JavaScript 字符串和数组生成节奏和音乐模式。直接在代码中使用音阶或和弦的名称来获取数组，然后使用数组方法以你以前从未想象过的方式将它们组合在一起！
scribbletune / scribbletune
涂鸦曲调
使用简单的JavaScript 代码 Strings即可Arrays生成节奏和音乐模式。直接在代码中使用音阶或和弦名称来获取数组，然后使用数组方法以你从未想象过的方式将它们组合在一起！创建音乐片段并导出 MIDI 文件，这些文件可以导入到Ableton Live、Reason、GarageBand或任何支持 MIDI 文件的音乐创作软件中。
npm install scribbletune
const scribble = require('scribbletune');
const clip = scribble.clip({
notes: scribble.scale('C4 major'),
pattern: 'x'.repeat(7) + '_'
});
scribble.midi(clip, 'c-major.mid');
您甚至可以在浏览器中使用Tone.js 来运行 Scribbletune！还有……
一款基于 React 的视频播放器，支持自适应流媒体播放，具有自定义 UI 和 React 友好的 API。
Replay 是一款React视频播放器，具有以下主要特点：
Replay 的最低 React 版本要求为 16.6。此外，组件CompoundVideoStreamer要求您的脚本打包工具支持动态import()语句。此要求仅在您实际将此组件插入到代码中时适用。
《热门项目》以每周新闻简报的形式提供，请访问www.iainfreestone.com注册，以确保您不会错过任何一期。
如果您喜欢这篇文章，可以关注我的推特账号，我会定期发布与HTML、CSS和JavaScript相关的实用技巧。
文章来源：https://dev.to/iainfreestone/10-trending-projects-on-github-for-web-developers-7th-may-2021-2ckf