前端常用库收集
技术文档
- Javascript 权威指南
https://js.2019919.xyz/index.html - MDN 官网
https://developer.mozilla.org - 现代 JavaScript 教程
https://zh.javascript.info - 阮一峰 JavaScript 教程
https://wangdoc.com/javascript - 阮一峰 ES6 教程
https://wangdoc.com/es6 - JavaScript Promise 迷你书
http://liubin.org/promises-book - Vueuse
https://vueuse.org - Axios 中文官网
https://www.axios-http.cn - Rust 语言圣经
https://course.rs - Codrops CSS Reference
https://tympanus.net/codrops/css_reference - 免费的 CSS 视觉指南
https://cssreference.io - CSS Inspiration
https://csscoco.com/inspiration - Road To Coding
https://www.r2coding.com - Web 前端面试 - 面试官系列
https://vue3js.cn/interview - FreeCodeCamp - 免费学习编程
https://chinese.freecodecamp.org
工具插件
- Name that Color -- 给颜色命名的网站
https://chir.ag/projects/name-that-color - markmap -- 使用思维导图可视化 Markdown
https://markmap.js.org - Splide -- 超强轮播图插件
https://splidejs.com - Notiflix -- 全局零依赖非阻塞通知、弹出框、加载指示器工具库
https://notiflix.github.io - Tippyjs -- 轻量级 tips 插件
https://atomiks.github.io/tippyjs - moving-letters -- 基于 anime.js 动画的文本效果的开源集合
https://tobiasahlin.com/moving-letters - awesome-web-effect -- 一系列精致小巧的网页炫酷效果
https://github.com/lindelof/awesome-web-effect - imagehover.css -- 纯 CSS 图像悬停效果库
http://imagehover.io - shikwasa -- 为播客而生的网络音频播放器
https://shikwasa.js.org - Sparticles -- canvas 粒子效果库
https://sparticlesjs.dev - macyjs -- 轻量级无依赖的瀑布流布局插件
http://macyjs.com - muuri -- 支持 flex 布局的拖拽布局插件
https://muuri.dev - sortablejs - 拖拽布局插件
http://www.sortablejs.com - Viewerjs -- JS 图片弹出框查看插件库
https://fengyuanchen.github.io/viewerjs - cropperjs -- JS 图片编辑库
https://fengyuanchen.github.io/cropperjs - ityped -- JS 轻量文本输入效果
https://ityped.surge.sh - 1 行布局 -- 10 个现代 CSS 布局和大小调整技术
https://1linelayouts.glitch.me - CSS3 奇思妙想 -- 单标签实现各类图形
https://chokcoco.github.io/magicCss/html/index.html - SVG 奇思妙想 -- 单标签实现各类图形
https://chokcoco.github.io/demo/svg/html/index.html - vivus -- SVG 绘制动画
https://maxwellito.github.io/vivus - 在线 PS -- 稿定天下
https://ps.gaoding.com - koel -- 个人音乐流媒体服务器
https://koel.dev
滚动动画
- ScrollReveal
https://scrollrevealjs.org - Particles.js
https://vincentgarreau.com/particles.js - scrollmagic
http://scrollmagic.io - Aos
https://michalsnik.github.io/aos
HTML & Markdown 转换
- marked -- Markdown 转 HTML
https://marked.js.org - html-to-md -- HMTL 转 Markdown
https://github.com/stonehank/html-to-md - SitDown -- HMTL 转 Markdown
https://sitdown.mdnice.com
Loading 动画
- spinkit -- 开源 CSS 加载动画集合
https://tobiasahlin.com/spinkit - loading.io -- GIF / SVG / CSS 加载动画，可 F12 拷贝 svg
https://loading.io
图标库
- remixicon
https://www.iconbolt.com - fontawesome
https://fontawesome.com - coreui-icons
https://coreui.io/icons - ionicons
https://ionic.io/ionicons - iconify
https://iconify.design - iconpark
https://iconpark.oceanengine.com - Bootstrap
https://icons.bootcss.com - tabler-icons
https://tabler-icons.io
插画库
- undraw
https://undraw.co - svgbackgrounds
https://www.svgbackgrounds.com - BGJar
https://bgjar.com
在线文档格式转换
- Convertio
https://convertio.co - Smallpdf
https://smallpdf.com
JS 日期时间处理库
- Moment.js
http://momentjs.cn - Day.js
https://dayjs.fenxianglu.cn
编程字体
- nerdfonts
https://www.nerdfonts.com - HarmonyOS Sans
https://developer.huawei.com/consumer/cn/design/resource - JetBrainsMono
https://github.com/JetBrains/JetBrainsMono - Noto CJK fonts
https://github.com/googlefonts/noto-cjk - Sarasa-Gothic
https://mirrors.tuna.tsinghua.edu.cn/github-release/be5invis/Sarasa-Gothic/