Coming Soon
Base on vuepress
在线地址:https://panjiachen.github.io/awesome-bookmarks
consola 优雅命令行 console vuepress 也使用了
webpackbar webpack 打包进度可视化
jarvis webpack dashboard
popmotion 一个函数式声明前端动画库
merge-images 图片合成
direction-reveal 一个根据鼠标进入方向展现 hover 描述的库
micron 通过动画属性绑定动画效果的库
sweetalert2 一个自适应优美自定义性强的弹出框
phaser 这是一个为桌面和移动浏览器开发 HTML5 游戏的快速开源框架。 你可以为 iOS、 Android 和不同的本地应用程序创建游戏。
vue-sauce 一个可以展示 vue 源码的指令
tippy.js tooltip/popover library
vue-smooth-dnd Vue wrappers components for smooth-dnd
text-mask 一个可以让 input 按照规则输入(如电话,email,日期等)
codesandbox-client 在线 web 开发容器
astexplorer 一个在线 ast 生成器
dinero.js 一个钱计算的库
crate 一个 react 全栈练习(pc,mobile,rn,api)demo
Jasonette一个用 json 来构建 hybrid 的框架
vuegg 一个 vue 可视化拖拽界面生成器
refined-github 优化 github 默认功能的 chrome 插件
lerna 大项目版本控制工具,项目中可以有多个 package.json 文件
git-labelmaker 命令行快速创建 github
react-in-patterns 一本开源叫你写 react 的书
picojs js 人脸识别库
img-2 一个提高图片加载性能和体验的库,懒加载使用 web worker 模糊预览
fingerprintjs 是一个快速的浏览器指纹库
ajv 一个 json schema 验证的库
dayjs 一个轻量级类 moment.js API 时间库
live-server 一个建议快速 dev 开发自动刷新的 http server
serve快速起本地静态服务
primjs 代码高亮
ReLaXed 一个将 document html 转成 PDF 的工具
fabric.js 基于 canvas 创建交互式的图片编辑界面非常适合用来做图片合成类工作。
matter-js web 物理引擎
rough 基于 Canvas 的手绘风格图形库
wired-elements 基于 rough.js 分装 button input raido 等组件 真正特别之处在于它的底层是 Web components
uppy 一个很好看的也很好用的 前端上传库
tui-calendar 功能全面的日程安排日历控件,还支持拖拽。
tabler 基于 Bootstrap 4 的 Dashboard UI Kit 和美观 高颜值 ui 模板
vee-validate 基于 vue 的验证,能验证的内容比较全
x-chart 我就是觉得颜色挺好看的
vuesax 一个很漂亮的基于 vue 的 ui 框架
vue-virtual-scroller 基于 vue 的虚拟列表无限滚动
particles.js 一个前端画颗粒 粒子的库
pulltorefresh.js 下个下拉刷新插件
lulu 腾讯阅文基于 jQuery,针对 PC 网站 IE8+(peak 主题)的前端 UI 框架
chancejs 生成随机数据的库
spritejs 360 奇舞团出的跨平台绘图对象模型
workbox 让你的网站更方便的变成 pwa
tui.image-editor 一个功能齐全的在线图片编辑,基于 canvas
hocs react 相关 hoc 收集库
nanoid 前端轻量 unique string ID 生成库
rxdb 一款开源的快速、灵活的客户端数据库,支持各种浏览器以及 NodeJS,Electron、React 等等,是 PouthDB 之上的一个封装库
vue-analytics 基于 vue 的 谷歌统计封装
percollate 命令行工具 能将网页转换成 pdf
rawact rawact 一个 babel 插件,把 react 组件转为原生 dom
irondb 是一个浏览器 key-value 储存的封装库,把 Cookies、IndexedDB、LocalStorage、SessionStorage 统一成一个接口。它的最大特色就是数据冗余机制,即使某种底层储存机制失效,它可以从其他机制恢复数据。
big.js 解决 js 浮点数问题
bignumber.js 同上
awesome-f2e-libs sorrycc 整理的个人关注使用的前端库
tui.editor markdown 所见即所得编辑器
NES.css 任天堂主题风格 css 库
stickybits CSS 的 position: sticky 是一个很有用的设置,但是老的浏览器不支持。这个 JS 库是该功能的垫片库。
react-jsonschema-form Mozilla service 开源了一个通过 JSON 直接生成表单的 React 组件
cleave.js 用于在输入时格式化输入内容(信用卡格式、日期等)
obsolete-webpack-plugin 基于 browserslist 做浏览器升级提
shiny 在手机设备上模拟光的反射效果。 支持 DeviceMotion 事件
cloudquery Turn any website to serverless API
A-Programmers-Guide-to-English 专为程序员编写的英语学习指南。
rrweb 一个可以记录你页面中所有操作的库
nodeppt markdown 写 ppt
polacode vscode 生产代码图片快照插件
flexsearch 能让你更加高效和快速的检索文本内容
public-apis 汇集了市面上一些对外免费开放的 api,做一些自己练手 app 的时候很好用。
scroll-hint 用于指示元素可以水平滚动,并带有指针图标,如果你在做一个新手引导,这个工具将会是一个不错的选择。
fuse.js 轻量级前端模糊查询库 非常的好用
FileSaver.js 文件下载插件 很多时候下载会有兼容性问题,它能帮你解决这些问题
instant.page 一个判断用户行为 预测提前加载页面的库
screenfull.js 浏览器全屏插件 解决了不少兼容性问题
chokidar node 监听文件变化的库
fs-extra fs-extra 模块是系统 fs 模块的扩展,提供了更多便利的 API,并继承了 fs 模块的 API
globby 用于模式匹配目录文件
node-semver node 版本验证库
npm-run-all 一个 CLI 工具可以并行或者串行执行 script
live-server 一个简单的 http server 带有 reload 功能
node-portfinder 一个端口嗅探工具
update-notifier Update notifications for your CLI app
y18n yargs 基于 i18n 的一个包
signale Hackable console logger 一个 Node 的日志格式库,自带 16 个级别,可以定制颜色和 Emoji
execa A better child_process
listr Terminal task
commander.js 自动的解析命令和参数,合并多选项,处理短参,等等,功能强大,上手简单
Inquirer.js A collection of common interactive command line user interfaces. 命令行询问库
ora Elegant terminal spinner 命令行 loaidng
chalk 命令行着色美化库
hygen 快速方便的创建代码 可以命令行创建预设的 template
ndb node 调试
got http 请求库 如果你觉得 request 太多的话 这是一个不错的选择
dumper.js 能让你的 node console 更加的规整,方便调试
node-in-debugging node.js 调试指南
nodebestpractices node 最佳实践
fastscan node 敏感词库
fx 命令行优化 JSON 输出
enquirer 命令行 prompt 询问库,写 cli 的时候很有用
dataloader解决 Graphql 中的 N+1 查询问题
progress-estimator 命令行 progress bar 进度条模拟库
grpc-web 前端直连 gRPC 服务
node-fetch node 环境下轻量级 fetch 请求库
prisma 让前端也能快速的写出
Apollo GraphQL 是基于 GraphQL 的全栈解决方案集合。从后端到前端提供了对应的 lib 使得开发使用 GraphQL 更加的方便
the-bread-code 使用程序员的思维制作面包 ,比如制作中使用 A/B test, 来比较那种做法更好。
build-your-own-x 教你用各种语言实现 Bot Database Neural Network
javascript-algorithms 教你用前端知识认识各种算法
not-paid 如果你给人做网站,交过去以后对方没有付款,那么这个 JS 会把网站的透明度一天调低一点,直到看不见
high-speed-downloader 百度网盘不限速下载 支持 Windows 和 Mac
hyper 前端命令行
yapi 是一个可本地部署的、打通前后端及 QA 的、可视化的接口管理平台
sway 一个微软自己出的在线 ppt 很强大
bigjpg 放大图片的神器 通过神经网络可以放大图片并能降噪
Ascii Art Generator 在线生成 Ascii 图案
Winds 开源 RSS
JSUI 一个用来控制管理前端项目的客户端
docz 让你能快速写文档的一个库
hiper 性能统计分析工具
verdaccio 私有 npm
git-guide git 入门指南
git-tips git 进阶
bit 实现了项目之间的代码共享 可以自建私有
simpread 简悦 ( SimpRead ) - 让你瞬间进入沉浸式阅读的扩展
mkcert 一键命令 让本地也支持 https
termtosvg 录制 命令操作转成 svg 基于 python
gh-polls 可以在 github issue 中添加投票
eruda 移动端调试工具
vConsole 也是一个移动端调试工具 腾讯出品
terminalizer 命令行录制工具 基于 node
badgen 快速构建和 shields 一样的 svg badge 但速度更快
readability 移除页面非正文部分 基于 jsdom
WeChatPlugin-MacOS 一款功能强大的 macOS 版微信小助手
puppeteer-recorder 一个 chrome 插件 能够根据你的操作 自动生成 puppeteer 相关代码
mdx-deck 用 markdown 编写演示文稿
code-surfer 基于 mdx-deck 的一个插件 让你更好的在文稿中展示 code
Progressive Tooling 前端性能优化工具集合
https://github.com/artf/grapesjs 可视化建站工具 不需要写代码就能写一个页面,前端再次再次要下岗了
image-charts 该服务通过 URL 接受参数,然后生成图表,以图片形式返回
eagle.js 一个用 vue 来制作 PPT 的库
Optimizely A/B Test
appadhoc 一个国内的 A/B Test 服务
glorious-demo 通过编写代码的方式构建一个命令行的演示例子
nginxconfig 可视化配置 nginx,提供了多个基础模板
bundlephobia 一个可以查看某个库的大小,并且分析它的依赖
jsperf 一个提供在线 tast case 的网站,可以比较如: forEach vs for 的性能
algorithm-visualizer 算法代码可视化
An-English-Guide-for-Programmers 专为程序员编写的英语学习指南
Webhint 用于检查代码的可访问性、性能和安全的开源检查(Linting)工具
airtap 测试浏览器兼容性,可覆盖 800 多种浏览器
jsonstore 供免费,安全且基于 JSON 的云数据存储,自己玩的小项目神器
git-history 可视化查看一个文件的历史变化
speed-measure-webpack-plugin * 探测 webpack 各阶段的耗时
get-plain-text 能清除剪贴板里的格式 很实用
IINA mac 平台感觉免费最好的播放器 强推
magnet 分屏管理
Xnip 方便好用的截图工具-支持截长图
Spectacle 窗口管理工具
vanilla 顶栏图标管理工具
Dozer 一个开源的顶栏管理
腾讯电脑管家 反正我用下来好觉得蛮好用的
mos 鼠标平滑滚动软件,很好用。免费开源
sequel pro mysql 客户端 好用
Microsoft Remote Desktop Beta Mac 远程登录 Windows 调试神器
pap.er 专为 Mac 设计的壁纸应用
The Unarchive Mac 目前感觉最好用的免费解压软件
Tickeys 让你用 Mac 键盘也能打出机械键盘的感觉
Beaker Browser P2P 开源浏览器 支持点对点发布文件,成为了文件传输工具,支持 DAT 对等协议
Gifski 视频转 gif 工具
more 更多优秀的 mac app 介绍
shields Github README 里面的装逼小图标
Emoji 方便平时写查找 emoji
emoji.muan 同上 而且更全
git-awards github ranking 没事可以查着玩玩
http://githubrank.com/ github 按照 followers 排名
star-history 展示一个项目 Stars 增长规矩曲线
zeplin 前端和设计师神器,有标注、Style Guide、版本管理、简单的团队协作,重点是前端不用写 css 了,复制就可以了。
iconfont 阿里出的图标库,非常实用,支持 svg、font、png 多种格式,基本现在所有图标都在上面找。
cssicon 所有的 icon 都是纯 css 画的 缺点:icon 不够多
智图 腾讯出品 在线图片压缩 支持转成 webP 处理静态图片时候很好用
picdiet 另一个图片压缩网站
CSS triangle generator 帮你快速用 css 做出三角形
cssarrowplease 帮你做对话框三角的
clippy 在线帮你使用 css clip-path 做出各种形状的图形
Regular Expressions 在线正则网站
jex 正则可视化网站,配合上面的 Regular Expressions,写正则方便很多
jsfiddle 在线运行代码网站 很不错,可惜要翻墙
codepan 在线运行代码网站 不用翻墙,可以自己部署
fiddle.md 一个方便的在线共享 markdown 在线笔试题一般都用这个
jsdelivr cdn 服务
unpkg cdn 服务
coderpad 远程面试的神器,可以让面试者远程写代码 不过需要翻墙
icode 有赞团队出品的 coderpad 可以互补,它不需要翻墙
codeadvice 又一个让面试者远程写代码的网址
snipper 一个代码协同的网站。你新建一个代码片段,然后把网址分享给其他人,就可以看到他们的实时编辑。
codesandbox 一个可以在线编辑且提供在线 demo 的网站 支持 vue react angular 多种框架 神器
codrops 上面的交互都非常酷炫
bgremover 在线图片去底工具
photopea 一个网页端 Photoshop 很变态
bestofjs 查看一个项目增长经历,Star 数变化的网站,辅助你判断这个库的质量
stackblitz 一款在线 IDE,主要面向 Web 开发者,移植了很多 VS Code 的特性与功能
programmingfonts.org 一个专门介绍编程字体的网站
早报 一个个人开发者的前端开发的分享日报
emoji-search 帮你快速找到能表达你情感的 emoji
gitmoji 通过 emoji 表达 git 的操作内容
starcharts 可以把你一个项目的 stars 增长轨迹当做 svg 放在 readme 中
mockapi 一个还不错的在线 mock 服务(可在线可视化编辑),可以满足大部分简单需求了
uimovement 能从这个网站找到不少动画交互的灵感
awwwards是一个一个专门为设计精美的网站以及富有创意的网站颁奖的网站
dribbble 经常能在上面找到很多有创意好看的 gif 或者图片,基本上我所有的图都是上面招的
Bēhance dribbble 是设计师的微博,Bēhance 是设计师的博客
Logojoy 使用 ai 做 logo 的网站,做出来的 logo 质量还不错。
brandmark 另一个在线制作 logo 网站
instant 又一个 logo 制作网站
logo-maker 又一个 logo 制作网站 这个更简单点 就是选模板之后微调
coolors 帮你在线配色的网站 你能找到不少配色灵感
colorhunt 另一个配色网站
uigradients 渐变色网站
designcap 在线海报设计
wallhaven 壁纸网站
Can't Unsee 强烈建议前端、客户端、UI 开发的同学玩下,检查一下自己对设计稿的敏感度怎么样
微交互 里面收集了市面上很多很好的微交互例子 值得学习
Little Big Details 同上,一个国外微交互汇集网站
cruip 登录页的各种页面设计,可以免费下载模板
Comixify 一个波兰团队做了非常好玩的工具,可以把视频自动转成漫画,上图是他们提供的 demo,效果很棒。
css-tricks 一个学习 css 不错的网站 有很多有意思的 demo
npx 教你怎么合理的使用 npx
产品大牛 什么有很多完整的产品原型可以借鉴
磨刀 快速出 ui 原型