generative-designs 是设计创意领域的开源项目，由 nitin42 开发，2018 年首次发布。
它收录于设计创意分类，该分类目前共有 161 个项目，GitHub 星标数为 61。
项目已超过三个月没有代码更新，维护节奏明显放缓，最近一次代码更新于 2026-09-21。开源组件库，完全免费，无付费版本。
它主要面向的使用场景是：网站首页的动态背景或视觉装饰。同类可对比的替代方案包括 P5.js、Three.js、D3.js。
generative-designs
用React组件快速生成炫酷的算法视觉作品
generative-designs 是一个基于 React 的生成式设计组件库，提供了一系列开箱即用的组件，用于创建动态、算法驱动的视觉作品。它解决了开发者需要从零编写复杂数学和图形代码才能实现生成艺术的问题，通过封装好的组件，让使用者能快速在网页中集成流动的粒子系统、分形图案、噪声纹理等效果。核心能力包括参数化配置、实时渲染和与 React 生态的无缝集成，适合用于创意编程教学、交互式艺术展示或网站动态背景。项目目前处于早期阶段，组件数量和文档丰富度有限，但代码结构清晰，易于扩展。
开源
free
设计创意
GitHub 星标
★ 61
维护状态
低维护
是否开源
是
定价模式
free
项目数据
分类设计创意
开发团队nitin42
所属国家
定价模式free
价格说明开源组件库，完全免费，无付费版本
访问状态
是否开源是
开源协议
主要语言JavaScript
技术栈/模型creative,design,fun,generative-art,graphics,processing,react,web
GitHub 星标★ 61
30天Star增速
HF 下载量
上线时间2018-08-10 00:00:00
最近更新2026-09-21 00:00:00
维护状态低维护
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数7
使用教程
核心亮点
- 封装了生成艺术常用算法，如粒子、分形，无需深入数学细节
- 基于React，组件化设计，易于集成到现有前端项目
- 参数可配置，支持实时调整视觉效果，交互性强
不足之处
- 组件数量较少，覆盖场景有限
- 文档/社区待观察
适用场景
- 网站首页的动态背景或视觉装饰
- 创意编程教学演示工具
- 艺术家或设计师的交互式作品原型
替代项目
P5.js、Three.js、D3.js
项目介绍
上一篇：react-text-fun
同类项目推荐
open-design
开源
让 AI 代工做界面，本地跑完随手改
Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. ️ L···
Excalidraw
开源
开源虚拟白板协作工具
Virtual whiteboard for sketching hand-drawn like diagrams
morph
开源
用数据直接生成设计、动画和交互可视化
Morph is a free and open-source tool for creating designs, animations or interactive···
ChatGPT-MidJourney-prompt
开源
输入一句话，AI帮你生成Midjourney完整提示词
This is a ChatGPT based prompt generation model for MidJorney. The purpose of this m···