吉他六线谱生成器 - 按品位数字生成
在六根弦上点选品位,自动生成ASCII或纯文本格式的TAB谱。
UD5工具箱
在六根弦上点选品位,自动生成ASCII或纯文本格式的TAB谱。
可视化浏览 Tailwind CSS 所有内置颜色的 50-950 色阶,点击复制类名或色值。
编写函数并选择调用方式(普通、方法、call、apply、箭头等),输出 this 的值。
通过Web MIDI API连接键盘,实时显示收到的音符开/关与控制器变化。
从一个基色或图片提取的颜色,自动生成 50-950 的色阶并导出为 Tailwind CSS 配置。
可视化选择操作(访问、点击、断言等),自动生成 Cypress 测试代码。
模拟经典玩具,按方向键或虚拟旋钮绘制线条,按空格键晃动清除。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
编写 Lit 组件模板和属性,实时渲染并观察响应式更新,无需构建环境。
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
输入一个多参数函数,自动生成柯里化版本并演示逐步传参调用的过程。
在Oklch色彩空间中生成均匀色阶、类比色和互补色方案,确保视觉一致性。
编写Brainfuck代码,以可视化的方式步进执行,观察活动纸带和指针。
在线生成可折叠的手风琴面板,自定义标题、内容与图标,支持纯CSS或简单JS切换。
加载两段节奏循环,用鼠标在虚拟唱片上移动模拟黑胶搓碟效果。
自定义箭头方向、颜色、大小和动画,生成无需JavaScript的纯CSS tooltip组件代码。
选择大调或小调,显示每个音级上构建的自然三和弦和七和弦的组成。
展示Material Design全部色阶,点击复制HEX代码,提供主色和强调色搭配参考。
在线颜色选择器,支持从色盘取色、HEX/RGB/HSL颜色值转换,提供调色板功能,方便前端设计取色。
在线生成Lorem Ipsum占位文本,可指定段落数、单词数或字节数,用于设计排版和布局填充。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
在NEON(Nette框架)和YAML格式之间转换配置文件,保持结构。
上传精灵图,自动切片检测或手动框选获取背景定位数值,生成CSS Sprite代码。
逐步引导填写具体、可衡量、可达成、相关、时限的目标描述,生成完整目标句。
选择任意基色,自动计算互补色、分裂互补及三分色,提供十六进制代码,一键复制。
快速生成指定段落数或字数的 Lorem Ipsum 占位文本,适用于 UI 设计、排版测试和原型填充。
在线正则表达式测试工具,支持JavaScript正则匹配、替换、提取等操作,即时显示匹配结果和高亮。
勾选常用框架变量(数据库、邮件、缓存),生成标准的.env文件模板。
解析 Svelte 组件的反应式声明,绘制变量之间的依赖关系链,便于理解更新逻辑。
拖拉RGB三个滑块混合颜色,模拟硬件调色体验,显示16进制及色温感觉。