常用
书签导航
开发指南
字体
- FiraCode - 免费的编程连字等宽字体
- Monaspace
- Maple Mono
- LxgwWenKai - 霞鹜文楷
字体库
- Googles Fonts
- Nerd Fonts - 超丰富字体符号补丁工具
- Bunny
- Fontshare
- 100font.com - 免费商用字体网站
- Fontspace
- Dafont.com
构建文档
网站部署
工具集成
- Slidev - 演示文稿工具
- WebContainer - 交互式 IDE
- Mermaid - 图表绘制工具
在线 API
CDN
镜像站
订阅 RSS
画布
- Excalidraw
- tldraw
- PlantUML - 快速编写UML图的组件
- 图表绘制
在线 IDE
在线游戏
- type-challenges - TypeScript 类型体操
- TypeHero
- Vue.js 挑战 - Vue3 在线挑战平台
- Learn Git Branching - 在线 git 学习教程
- Grid Garden - 在线 grid 学习教程
- Flexbox Defense - 在线 flex 学习教程
- Svg Tutorial
- Codingfantasy
- 学习 CSS 布局
- 深入浅出 CSS 布局
- 小霸王
- PacoGames.com
- PDF Candy
- Stirling PDF
- TinyWow
- Office Converter - 文件转换器
- ALL TO ALL - 在线格式转换
资源
在线工具
- Omatsuri hot
- CSS Generators - 形状元素生成器 hot
- Coupon.io - 生成优惠券
- Neumorphism - 生成新拟态设计
- FANCY-BORDER-RADIUS - 花式边界半径
- CSS Scan - CSS 阴影示例 hot
- Smooth Shadow
- Make some waves
- Custom Shape Dividers
- Easing functions hot
- Easing Wizard
- cubic-bezier()
- WebGradients - 线性渐变背景
- ColorSpace
- Gradient
- Gradient CSS Generator
- Duotones - 配对和效果器
- Coolors- 超级快速的调色板生成器
- CSS clip-path maker hot
- CSS Background Patterns
- Pattern Monster - SVG 图案生成器 hot
- EnjoyCSS
- CSS Grid Generator hot
- Layoutit Grid hot
- Glass Morphism - 毛玻璃效果 hot
- UIVerse
- CSS Animation Kit
- Readme Typing SVG
其它
- Small Dev tools
- Moonlight | Sunshine - 一对开源的游戏串流工具组合
- pin.gl - 共享屏幕
- Jitsi Meet - 在线视频会议
- Codeshare - 实时共享代码
- RGBA Color Picker
- IT-TOOLS
- Table Convert Online
- SVGOMG
- jsonhero
- Json.cn - JSON 在线解析及格式化验证
- 草料二维码生成器
- QR Generator
- QR.io - 二维码生成器
- 哔哩哔哩(bilibili)视频解析下载
- Microsoft Azure - 文本转语音
- WakaTime - 开发者的仪表盘，时间统计
- IP Address
- SMS-Active - 在线接收验证码
- 7SIM.CC - 接收短信的临时虚拟号码
官方网站
面试
- JavaScript 进阶问题列表 Github
- 反向面试 Github
- 前端面试指南
- 前端面试题汇总 语雀
- 字节面试题 飞书
- web 前端面试
- 前端面试派
- 前端工作面试问题
- 浏览器的工作原理：新式网络浏览器幕后揭秘
- 性能优化作战手册 - 语雀
功能资源
- StateOfJS
- StateOfCSS
- bestofjs - 开源项目平台
- OSS Insight - 开源软件分析平台
- ProductHunt - 发掘有意思产品的平台
- Indie Hackers Site - 分享网络工具和平台
- runpkg - 在线查看 npm 包的代码
- Bundlephobia - 查找包中添加 npm 包的成本
- Semantic Scholar - 人工智能驱动的研究工具
开发规范
- TGideas文档库
- JavaScript编码规范 Github
- Airbnb JavaScript 风格指南 Github
- JavaScript Standard Style Github
- Aotu.io
- Code Guide
导航
- ExplainThis hot
- Dev Tools hot
- Open Source Software hot
- Awehunt
- OverAPI.com - 收集所有备忘单
- Bootstrap中文网
- GitHub中文社区
- 印记中文
- Web前端导航
- 米舟开源
- fly63前端网
- 易百教程
英语相关
- 多邻国
- LingoHut - 免费英语课程
- Relingo 插件
- Trancy 插件
- 新概念英语
- 程序员英语词汇宝典
- TypeLit.io 打字
- TypingClub 打字
- Qwerty Learner 打字
- A Programmer’s Guide to English 书籍
- English-level-up-tips-for-Chinese 书籍
- 英语真题在线
工具
Logo
- svgl - 品牌徽标 hot
- LobeHub Icons
- APPLORE - 发现和探索应用程序图标 hot
- macOSicons - 更换 mac 应用图标 hot
- Developer Icons
- BrandFetch - 互联网的标志和品牌资产的来源
其它
- PageSpeed Insights - 报告页面性能
- Webshare - 代理服务评测
- doyoudo - 资源学习网站
- wikiHow - 最值得信赖的指南网站 hot
- FreeCodeCamp
- W3Schools.com
- Newsela
- CodeGym - 在线 Java 语言编程课程 hot
- Exercism - 免费在线编程 hot
- 设计达人 - 爱设计，爱分享
热门
GitHub
算法
- The Algorithms 推荐
- Hello 算法 推荐
- 算法通关之路
- JavaScript 算法与数据结构 Github
- VisuAlgo - 数据结构和算法动态可视化
- JS Visualizer 9000
其它
开发使用
- Lorem Picsum - 随机图片库 推荐
- Pluspng - Free PNG Image Library hot
- unDraw - 生成动态彩色图像 hot
代码片段
徽章图标
- Shields.io - 徽章制作工具 hot
- Badgen - 角标制作工具 hot
- Favicon.io - 终极网站图标生成器
- Favicon Generator - 浏览器图标
- LogolyPro - 在线标识生成器
- emoji-cheat-sheet - Emoji 表情代码
- Emojipedia - 😃表情符号意义之家💁👌🎍😍
- 符号大全 - 特殊符号大全
在线图库
压缩转换
在线编辑
- 佐糖 - AI 在线抠图
- remove.bg - 图片去除背景
- Annotely- 随时随地标注任何图像 hot
- Edit • Photo
- Shots - 生成不同机型截图 hot
其它
- Photomosh - 超酷炫的艺术故障生成器
- Pixabay - 免费的多媒体资源库
- pngimg.com - PNG 图像资源
- 钙网 - LOGO 在线设计制作工具
在线图床
Icon 相关
Section titled “Icon 相关”常用
- Iconify - 自由选择图标
- Icônes - 即时搜索图标资源管理器 开发
- Lucide Icons - 美观且一致的图标 开发
- Remix Icon
- Isocons
- ByteDance IconPark
- iconfont - 阿里巴巴矢量图标库
- Bootstrap 图标库
- Font Awesome
其它
- Lordicon - 动画图标
- Eva Icons
- Xicons
- MingCute Icon
- IconRainbow
- Icons8 - 设计人员和开发人员的终极设计套件
- Boxicons - 免费的高级网络友好图标
- Icon Archive - 免费、桌面、社交、xp、vista 图标
- Flaticon - 数百万资源可供下载
AI
产品
- Hugging Face - 构建未来的 AI 社区 hot
- GPTs Hunter - 发现 GPT 商店
- GPTs Works - 第三方 GPT 商店
- AITools - 寻找 AI 工具来帮助您
- ToolAI - 发现最佳人工智能网站
- human or not - 获取最新的 AI 新闻和工具
- ComfyUI
- SiteSnapper - 一键捕获任意网页 hot
- prompts.chat - 提示目录
- ShipAny - 快速构建 AI 创业项目
在线
工具插件
资源
- Dribbble - 发现世界顶级设计师
- Design Systems Database - 导航
- Rive - 图形的设计工具
- DarkDesign - 暗黑主题精选网站
- Footer
- Landingly - 登陆页面设计
- Godly - 出色的网页设计灵感
- Awwwards - 最权威网页设计投票
- curated.design
- landing.gallery
- Supahero - 精心挑选的落地页
- Mobbin - UI/UX参考库
- saaslandingpage.com - sass 登录页
平台