glitch-art

写几行 SCSS，一键生成赛博朋克故障艺术图

glitch-art 是一个基于 SCSS 的渐变故障艺术生成器，通过纯前端代码模拟数字信号干扰、像素错位和色彩撕裂等视觉效果，帮助设计师和开发者快速生成具有赛博朋克风格的故障艺术图片。它解决了传统图像处理软件制作故障效果步骤繁琐、难以参数化控制的问题，核心能力包括提供多种预设的故障样式、支持颜色渐变自定义、以及通过 CSS 动画实现动态故障效果。项目体积小、依赖少，可直接集成到网页项目中，适合用于海报背景、网页装饰和社交媒体视觉素材的快速生成。

开源 free 设计创意

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 70

维护状态低维护

是否开源是

定价模式 free

项目数据

分类设计创意

开发团队adamfuhrer

所属国家

官网地址https://glitchart.io

GitHubhttps://github.com/adamfuhrer/glitch-art

定价模式free

价格说明开源项目，MIT许可证，完全免费，可自行部署使用。

访问状态

是否开源是

开源协议MIT

主要语言SCSS

技术栈/模型angular,art,color,colors,css,generative-art,glitch-art

GitHub 星标★ 70

30天Star增速

HF 下载量

上线时间2020-01-23 00:00:00

最近更新2026-07-15 00:00:00

维护状态低维护

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数0

使用教程

核心亮点

纯 SCSS 实现，无需 JavaScript，加载快且易于集成到现有前端项目
提供多种故障效果预设，开箱即用，适合快速原型设计
支持渐变色彩自定义，可灵活匹配品牌或主题风格

不足之处

仅支持静态或简单动画效果，复杂交互需额外开发
文档和示例较少，上手需要自行摸索源码

适用场景

网页背景或装饰元素的动态故障风格设计
社交媒体海报和封面图的快速生成
游戏或音乐类项目的视觉氛围营造

替代项目

glitch-canvas、glitch.js、p5.js glitch library

项目介绍

glitch-art 是图像领域的开源项目，由 adamfuhrer 开发，2020 年首次发布。

它收录于图像分类，该分类目前共有 837 个项目，GitHub 星标数为 70。

项目已超过三个月没有代码更新，维护节奏明显放缓，最近一次代码更新于 2026-07-15。MIT许可证，完全免费，可自行部署使用。

它主要面向的使用场景是：网页背景或装饰元素的动态故障风格设计。同类可对比的替代方案包括 glitch-canvas、glitch.js、p5.js glitch library。

上一篇：ArtLine

下一篇：glitch-art-bot-ts