目录

储物箱

Viki 的储物箱，记录各种有用的工具、资源和灵感，持续整理中。如果你使用桌面端浏览本页面，可以按下 Ctrl + F 搜索查找相关标签、内容，比如 #npm。

工具 & 服务

开发工具、在线服务、浏览器插件、API 服务等

Excalidraw

手绘风格在线白板，适合画流程图、架构图

#绘图#白板

draw.io

在线工程图，支持流程图、架构图等多种专业图表绘制

#绘图#工程

drawDB 数据库设计编辑器

在线数据库设计编辑器、数据模型设计和 SQL 生成器。

#数据库#设计#SQL

Carbon

在线创建代码截图，多主题多语言，老牌工具

#代码#截图

Code Image

在线创建现代化代码截图，多主题多语言，Raycast 出品

#代码#截图

Tinify

在线图片压缩工具，支持 PNG 和 JPEG 格式图片无损压缩

#图片#压缩

RegExr

在线正则工具，实时调试正则表达式、检测测试用例

#正则

Regexper

在线 JavaScript 正则结构可视化解读工具

#正则#可视化

Regex101

在线正则工具，丰富的编程语言支持

#正则

ghloc

在线 GitHub 仓库代码行数统计分析工具

#GitHub#代码

Count LOC

在线 GitHub 仓库代码行数分析（支持本地上传）

#GitHub#代码

JSON Generator

在线按声明的类型格式生成随机 JSON 假数据

#JSON#MOCK

linear() generator

在线线性缓动函数生成器

#动画#CSS

Emoji 选择器

在线 emoji 表情符号列表，支持筛选

#emoji

JSON to CSV

在线 JSON 转 CSV 工具

#JSON#CSV#格式转换

计时器

在线计时工具

#时间

User Agent 解析器

在线 User Agent 解析工具

#UA

文本比较

在线文本对比、Diff 工具，找出文本差异

#文本

颜色转换器、选择器

在线颜色转换、选择工具

#颜色

URL 结构参数分析

在线 URL 解析工具，提取 URL 各部分参数

#URL

URL 编码/解码

在线 URL 编码/解码工具

#URL

二维码生成器

在线二维码生成工具

#二维码

高质量在线工具集合

丰富的在线工具集合站，IT 工具大全

#集合

日書

在线日文排版工具

#文字#排版

Office Converter

在线文件格式转换

#格式转换

一站式 iframe 生成器

专业的嵌入内容可视化配置工具

#可视化

visualgo

数据结构和算法可视化工具

#可视化

freeCodeCamp

Learn to code for free.

#教程

Learn Git Branching

在线学习 git

#教程

W3Schools Online Web Tutorials

W3Schools Online Web Tutorials

#教程

Cheatsheet for GNU nano

Cheatsheet for GNU nano

#测试#TS

浏览器指纹检测工具

Browser Scan 提高您的在线隐私安全

清华镜像站

Tsinghua Open Source Mirror

#GitHub#TS

LoliApi

LoliApi

#API#文档

NeteaseCloudMusicApi

NeteaseCloudMusicApi

#API#GitHub

Unicode To UTF8 Online

开发者工具箱

在线生成密码

创建强大、安全、随机的密码，Password 密码生成器，1Password

日语学习工具

日语翻译、分析，语法、子词分析

#教程

哔哩哔哩 API

API 收集整理

#API#GitHub

Epic Easing 贝塞尔曲线动画

Epic Easing 贝塞尔曲线动画

#动画

JSON Web Tokens 解析

JSON Web Tokens 解析

#JSON

JWT 解析器

在线 JWT 解析器

#JSON

JSON to TS type

类型转换

#JSON#GitHub#TS#设计

字体在线工具 Variable Fonts

字体在线工具 Variable Fonts

#TS#字体

Android Asset Studio

Launcher icon generator

#GitHub#TS#图标

regex101: build, test, and debug regex

regex101: build, test, and debug regex

#正则#测试#设计

Free SVG generators

color tools & web design tools

#设计#图标

CSS Button

Explore 3000+ Free UI Elements: CSS & Tailwind

#CSS#TS#设计

React Playground

React Playground

#GitHub#TS#设计

Material Symbols & Icons

Google Fonts

#TS#图标#字体

纽约最大的全景照片

纽约最大的全景照片

#API#TS#设计

Mastering Markdown · GitHub Guides

Mastering Markdown · GitHub Guides 开源项目

#GitHub#教程#设计

中文排版指南

开源项目

#GitHub#教程#设计

Grid 教程

交互式指南

#CSS#教程#设计

IP API

IP API

#API#教程#设计

家园工作室前端代码规范

家园工作室前端代码规范

#GitHub#教程#设计

Tailwind CSS

Rapidly build modern websites without ever leaving your HTML.

#CSS#API#设计

antv next

所有图表，Ant Design Charts

#TS#设计#可视化

Iconify Icon

Iconify Icon

#TS#设计#图标

Fontsource

Fontsource

#TS#字体

Scroll

Driven Animations

#CSS#动画

favicon.io ico 设计和生成

favicon.io ico 设计和生成

#设计#图标

APP 启动图生成工具

APP 启动图生成工具

#设计

Icon Generator

Icon Kitchen

#图标

CSS HD Gradients 渐变色编辑器

CSS HD Gradients 渐变色编辑器

#CSS#TS

可视化 CSS 阴影效果

可视化 CSS 阴影效果

#CSS#可视化

Color Generator – Kigen

Color Generator – Kigen

#设计

lingojam

不常见字体生成工具

#字体

B 端设计

数字像素，可视化设计、开发、互动综合服务平台

#设计#可视化

在 Go 中构建协作文本编辑器

，，Building a collaborative text editor in Go，解决实时协作编辑产品的冲突问题

#TS#设计

喵闪字库

提供中文字体的在线预览和免费下载

#字体

Wakamai Fondue

The tool that answers the question “what can my font do?”

#字体

TS 设计模式

TS 设计模式

#TS#设计

Programming Guides

Programming Guides

#教程#设计

浏览器的工作原理：现代网络浏览器幕后揭秘

HTML5 Rocks

#CSS#教程

中文文案排版指北（简体中文版）

码志

#教程#设计

介绍 CSS 新的选择器

介绍 CSS 新的选择器

#CSS#TS

SVG Tutorial

Learn how to code images in HTML with SVG

#教程#图标

React 服务器组件中的 CSS

，，CSS in React Server Components

#CSS#TS

CSS Length Units

CSS，Tricks，CSS，Tricks

#CSS#TS

Mac：终极配置教程

白上賞一

#教程#设计

MingCute Icon

Carefully Designed Icon Library

#设计#图标

WebPageTest

网页性能检测工具

#测试#性能

InternetSpeed.my: 网速测试

InternetSpeed.my: 网速测试

#测试#TS#性能

网站测速工具

站长工具

#性能

Fast 网速测试

Internet Speed Test

#测试#性能

Why is the Speed of Light So Fast?

Why is the Speed of Light So Fast?

#TS#性能

Speedtest by Ookla

The Global Broadband Speed Test

#测试#性能

主页

Speedrun

#性能

使用 useDeferredValue 进行 Snappy UI 优化

，，Snappy UI Optimization with useDeferredValue

#设计

Hemingway Editor

海明威编辑器 优化文章句式、结构等

学习 & 资源

教程、文档、博客文章、学习资料等

HTTP 状态码备忘录

在线 HTTP Status 状态码查询工具

#HTTP#备忘录

Git 常用操作备忘录

Git Memo，Git 命令速查手册

#Git#备忘录

web.dev

Google 出品的 Web 开发学习平台，包含最佳实践和教程

#教程#Web#最佳实践

JavaScript.info

现代 JavaScript 教程，从基础到高级的完整学习路径

#JavaScript#教程#学习

CSS-Tricks

CSS 技巧和教程的宝库，前端开发者必读

#CSS#技巧#教程

清华大学计算机系课程攻略

清华大学计算机系课程攻略 官方文档

#测试#TS#文档

测测你的单词词汇量

测测你的单词词汇量

#测试#教程

W3C 的中文排版需求文档

W3C 的中文排版需求文档

#文档

Learn Morse Code

perry.qa，电报机

#教程

Flex 布局教程：语法篇

阮一峰的网络日志

#教程

Shell Scripting Tutorial

Shell Scripting Tutorial

#教程

Learn X in Y minutes

Learn X in Y minutes

#教程

猴子都能懂的 Git 入门

贝格乐（Backlog）

#教程

Termux 高级终端安装使用配置教程

国光

#教程

6 Techniques I Use to Create a Great UX for Shell Scripts

6 Techniques I Use to Create a Great UX for Shell Scripts

#TS

AsPoem

现代化诗词学习网站

#教程

网道

互联网文档计划

#文档

Are The Types Wrong?

Tool for analyzing TypeScript types of npm packages

#GitHub#npm#TS

TS Docs

Reference docs for npm packages

#npm#TS#文档

JSON to TypeScript

JSON to TypeScript

#JSON#TS

Phobia

npm 包大小分析工具

#npm

pkg

size，npm 包真实安装大小分析工具

#npm

view npm pakcage online

view npm pakcage online npm 包工具

#npm

npm graphy Visualization of npm dependencies

npm graphy Visualization of npm dependencies npm 包工具

#npm#可视化

NPM Chart

NPM Chart npm 包工具

#npm#可视化

5分钟上手 TypeScript

，JavaScript 的超集

#TS#文档

Visualization of npm dependencies

Visualization of npm dependencies npm 包工具

#npm#可视化

TypeScript Playgroud

TypeScript Playgroud

#TS

npm name checker

检查 npm 包名可用性

#npm

npm trends

npm 包趋势分析和对比

#npm

TypeScript AST Viewer

TypeScript AST Viewer

#TS

Package Downloads

npm 包下载分布

#npm

TS Diagram

Diagrams as code with TypeScript

#TS

npm size

Bundlephobia，Size of npm dependencies

#npm

TypeScript UML Playground

TypeScript UML Playground

#TS

npm

stat: download statistics for NPM packages

#npm

npm compare NPMCompare.com

Search and Compare npm packages

#npm

Npm Rank: Npm packages downloads ranking

Npm Rank: Npm packages downloads ranking npm 包工具

#npm

Flappy Bird Implemented in Typescript types

rust + zig + TS

#TS

JS Comparison Table

JS 相等性表格

#GitHub

现代 JavaScript 教程

最实用现代的 JavaScript 教程

#教程

Node Binary 镜像

npmmirror

#npm

Awesome React Native components

Awesome React Native components

#TS

发现 & 灵感

开源项目、设计灵感、有趣网站等

Awwwards

全球顶尖的网页设计作品展示平台，灵感来源

#设计#灵感#作品集

GitHub Trending

GitHub 上当前最热门的开源项目

#GitHub#GitHub#趋势

Product Hunt

发现最新最酷的产品和工具

#产品#发现

GitHub hosts 配置

GitHub hosts 配置

#GitHub#TS

ESM

CJS output interop test，interop，test

#测试#GitHub

Gitstar Ranking

Top GitHub users and repositories

#GitHub#TS

各种网站收藏列表

各种网站收藏列表 开源项目

#GitHub

Welcome to Comprehensive Rust 🦀

Comprehensive Rust 🦀

#GitHub

GitHub Trends

GitHub Trends

#GitHub

ECMAScript 6 compatibility table

ECMAScript 6 compatibility table

#GitHub

Bubble

GitHub readme 小组件合集

#GitHub

Go by Example 中文版

Go by Example 中文版

#GitHub

开源矢量插画

开源矢量插画

#GitHub

WebAssembly Explorer

WebAssembly Explorer

#GitHub

GitHub Cards

Showcase Your GitHub Contributions in 2024 into Stunning Visual Cards

#GitHub

NapCatQQ

现代化的基于 NTQQ 的 Bot 协议端实现

#GitHub

Telegram Animated Emoji List（电报动态大表情合集）

庭说

界面灵感

界面灵感

桸's Character Showcase

Enka.Network

awesome

selfhosted

HTML DOM

Phuoc Nguyen

Awesome Wallpapers

Awesome Wallpapers

Little Big World

最大的世界各地微时摄影合集

CallToInspiration

Small details for very exacting ideas!