资源整理
组件/库/框架(前端)
纯 UI + JS
React
Vue
- PrimeVue
- Quasar
- VARLET
- Surely Vue Vue3 高级组件(树、表格)
Web Compnent
- mdui
- shoelace
- Quark Design 哈啰团队出品
- mumuy/widget-qrcode 二维码组件
Alpine.js
构建库需要的工具
- Style Dictionary 维护 Design Token
落地页资源
- meraki ui
- Page UI
- uiverse 3000+ 免费的 UI 元素,支持 Tailwind
- ConvertFast UI
- Free Tailwind resources
- 现成模板 1 weijunext/landing-page-boilerplate
- 现成模板 2 huglemon/inwind-landing-page
低代码 LowCode
- FlutterFlow Build beautiful, modern apps incredibly fast
- heyform 一个开源的表单生成器,创建调查、问卷、投票等,可以不编写一行代码
- grapesjs 开源,拖拉拽生成页面
- rxdrag 开源,可视化搭建页面
软件工程
数据库
- PDMan 数据库建模
- drawdb
- dashpress 自动分析数据库结构,生成管理后台
- PG Back Web 带有 Web 界面的 PostgreSQL 备份工具
算法
加密/解密
- 在线加解密工具(纯前端) 支持 AES、SM4 加密,RSA、SM2 签名/验签,哈希算法,SM3,编码与密码生成的独立工具箱,可断网运行,确保安全性
设计模式
系统设计/架构
- 系统设计入门 github 上的一个项目,整体介绍了一个 web 系统前后端所涉及的方方面面(可以作为系统架构师的入门材料了解)
- How Pinterest scaled to 11 million users with only 6 engineers
- How Instagram scaled to 14 million users with only 3 engineers
NodeJS
前端
- WebTracing 前端监控
- blog cells 在网页中运行 js 交互代码,甚至是 python
- AIEmoji 自然语言搜索 Emoji
- 通过正则去掉 Emoji Emoji 正则匹配
- 免费下载实时更新的 geoJSON 数据 地图数据
- cssfilter css filter 滤镜各种参数 可视化设置
- CSS Style Observer 监听 CSS 属性值的变化触发回调
- Web 终极拦截技巧(全是骚操作) 通过重写或代理 BOM、DOM 实现一些骚操作
- 前端领域的插件式设计
- umami 替代 Google Analytics 的网站分析工具
- refline.js 完全不依赖设计器环境的参考线组件
- ViSelect 可视化拖拉选择 DOM 元素,支持移动端
Hooks 思路
- VueRequest
- swrv 获取数据,和 VueRequest 差不多
- ahooks React hooks 库 阿里出品
- useHooks
Icon 图标
虚拟滚动
WebRTC
- WebChat 基于 WebRTC 点对点聊天
瀑布流
文件下载
Axios
- 聊聊 Axios 中值得学习的核心知识点 了解下拦截器设计思路以及 CSRF 相关内容
Web Component
- 2023 Web Components 现状 把当前 Web Components 具备的功能、标准规范逐个分析了下。列举了一些主流公司在用的一些案例。对于想要整体了解 Web Components 的知识 很有帮助
Devtool
- Caching demystified: Inspect, clear, and disable caches
- 67 Weird Debugging Tricks Your Browser Doesn't Want You to Know 67 个 debug 小技巧
Typescript
- TypeScript 教程 阮一峰 最新的可以看 TS 官方文档
- 你不知道的 TypeScript 泛型
- typeroom 通过练习题的方式熟悉 typescript
CSS
- Modern CSS Solutions 现代 CSS 特性精讲
- 妙用 drop-shadow 实现酷炫线条光影效果
- CSS 边框动画
- Learn CSS 系统教程,chrome 团队成员出品,需要些 magic
3D
- 如何用 Three.js + Blender 打造一个 web 3D 展览馆 由浅到深,比较基础
- 三维可视化项目快速落地的开源框架
- galacean 移动优先的 Web 3D 引擎
SVG
- SVG 入门指南
- Making SVG Loading Spinners: An Interactive Guide 一步步实现 SVG 动画,交互式教程
- lordicon 部分免费的动态 SVG 图标
- KanjiVG 汉字 SVG 资源
- svg path editor
- canvg 将 svg 转换成 canvas 绘制代码,有一个SVG to Canvas Converter就是基于它,提供在线功能
打印
- print.js github 收藏数挺高的
- HiPrint 闭源、可能比较旧。但是在线示例挺丰富的,可以当作是 print.js 的备选补充
- 怎么写 CSS 的打印样式
拖拉拽
- Vue Fluid DnD
- pragmatic drag and drop Atlassian 出品
动画
- Atropos 3D 视差效果
- Canvas Confetti 抛洒纸屑、星星
- Animista 预览常见动画效果,可快速复制 CSS 代码(比较全)
- animastore 预览常见动画效果,可快速复制 CSS 代码(中文的,效果没上一个全,也不能调参数)
- Framer Motion React 动画库
- gsap
Canvas 引擎
编译器
- Create Your Own Compiler 交互式教程
网络相关
- frp
- frpc desktop
- Localtunnel npm 包,一行命令暴漏出去
- ChatTCP ChatTCP 是一款 TCP 分析工具,致力于简化 TCP 分析,使其变得像看聊天记录一样简单!
Git
- inside .git .git 目录中文件详解
- 自己动手写 Git
Web 服务器/Nginx
- Nginx Config - DigitalOcean 可视化配置 Nginx,对每个参数的作用有一定了解
安全/服务器防护
- 雷池 WAF 有个人版,也有商业版
设计资源/平台
- 稿定设计 快速设计海报啥的找找免费资源
- penpot
- 【文章】Figma 替代品 Penpot 安装和使用教程
有创意的网站效果
- 豆瓣 2024 年度电影榜单 滚动时电影经典画面渐隐渐显效果
HTTPS 证书
- Certimate 一个自搭建的开源平台,可以为自己的域名申请、部署、续期 SSL 证书
- Let’s Encrypt
开源系统(杂)
- xiaoju survey 问卷系统
- Stirling-PDF
- GammaRay 不同设备之间推流
- Webp Server Go 代理图片地址,将图片转为 WebP/AVIF 格式,达到压缩图片体积的目的
- mcfly 快速查找 shell 历史纪录,定位到需要的命令(目前在 zsh 环境下没试成功)
- excalidraw 白板绘画
- liumengniu/majiang 麻将系统
- zyronon/douyin 仿抖音短视频项目
后台管理
聊天系统
服务器运维
Coolify 开源且可自托管的 Heroku / Netlify / Vercel 替代品2024/9/27 看了文档,好像有些简陋。看首页介绍的功能挺多的,文档上体现的较少,暂时放弃。- 1Panel Linux 服务器运维管理面板
- Kopia 备份/恢复工具,快照保存到云存储/服务器/本地计算机上,可以指定文件/目录。有命令行和图形化界面。
- dokku
OCR
GPT
- 阿里大模型服务平台百炼 开发应用调模型接口
资讯/综合站
音视频
- ChatTTS 像是真人在讲话(包括停顿、语气、笑声)
- tiktokvoice 输入文字转成剪映内置的任意语音
- 免费在线 AI 变声器
- 批量为本地视频生成字幕文件,并可将字幕文件翻译成其它语言
- 字幕工具箱 非 GPT 工具
- 爱幕 在线字幕处理
- AI Hear 一款在您电脑本地运行的私有软件。一键开启多语种实时翻译,管理音频、译文和时间轴,即使身处没有网络的教室、地铁、商场或户外。不收集数据,保护隐私
- AnyVoice 3 秒克隆声音
图片编辑
- Diffree 只需一句话就可以为图片添加新元素
- pangxiaobin/image-matting 利用本地模型实现图片抠图
- photo4you AI 证件照
- HivisionIDPhoto AI 证件照-开源
代码生成
传输文件
高级绘图工具
- 在线甘特图|横道图|项目管理|计划管理 zz-plan
- Penrose 文字作图
- PDDON 免费绘图 (可能需要科学上网)
- draw.io
- icraft editor 3D 架构图
装机/装系统
影音资源
英语学习
- Siphon 吸词
- 100 个句子 7000 个单词 软件设计灵感来源于俞敏洪写的《100 个句子记完 7000 个雅思单词》
- A Programmer's Guide to English 作者学英语的系统总结,可以学习一下
- 爱发音 英语音标发音学习
- 音标 App 推荐 - v2ex 看到提到了一个 B 站的英语兔
- Earthworm 连词造句学英语
- DashPlayer 英语学习播放器,直接将视频中的语音转成文本句子
软考
定位/自动化/IP 池
- 影梭 ZCShou/GoGoGo 用于 Android 8.0+ 的无需 ROOT 权限的虚拟定位 APP
- 按键精灵 自动化工具
- Proxy302 全球代理 IP 自助超市
PPT
- freepiker 免费模板质量较高,下载方便
- 免费在线 AI 一键生成 PPT
文件转换
- lightpdf
- i love pdf
- Convertio 各种文件转换
下载网站及工具(视频/音频)
学生/宝宝相关
- aspoem 现代化中国诗词学习网站
- poetrystrands 古诗词连字游戏
- 全历史
- 中国历朝代视频讲解
- 重现化学
- puzzle 各种数学小游戏,锻炼思维
- 折纸教程
- edclub 习字丛林 在线打字课程
- scratch 学习编程
字帖
兼职网站
LaTeX
面试
- 大厂面试每日一题 有点后端资源,但主要偏前端
Github Action
- GitHub Actions by Example 通过 10 个详细注释的示例,解释怎么使用 GitHub Actions
APP 推送通知
金融投资(股票/基金)
- 策引
- OpenBB
- 期货和期权市场知识 - 芝商所 直连不一定访问通
优秀独立个人站
其它
- Web 版 红白机 网页上玩小时候的游戏