p5-svelte

在 Svelte 中像组件一样轻松嵌入 p5 创意草图

开源 🏷️完全免费 🔧 仅开源项目,无在线服务,需自行部署 设计创意 🍴 复刻 8 🐛 待处理 22 👀 关注 4
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 189
维护状态 低维护
是否开源 开源
定价模式 🏷️完全免费 开源项目,MIT许可证,完全免费,无付费版本。

项目预览

p5-svelte 项目界面预览图
图片来源:GitHub 官方仓库名片

项目数据

分类设计创意
开发团队tonyketcham
定价模式🏷️完全免费
价格说明开源项目,MIT许可证,完全免费,无付费版本。
访问状态🔧 仅开源项目,无在线服务,需自行部署
是否开源是
开源协议MIT
主要语言Svelte
技术栈/模型generative-art,p5,p5js,svelte,svelte-components
GitHub 星标★ 189
上线时间2020-08-03 00:00:00
代码更新2023-12-16
仓库体积281 KB
本站数据更新2026-11-08
维护状态低维护
收录时间2026-08-09
浏览次数4

项目介绍

p5-svelte 是一个将 p5.js 创意编程库与 Svelte 框架无缝集成的轻量级工具。它解决了在 Svelte 项目中手动管理 p5 画布生命周期、响应式更新和组件卸载清理的繁琐问题,让开发者能够以声明式的方式创建和管理 p5 草图。核心能力包括:通过简单的组件标签嵌入 p5 草图、自动处理画布创建与销毁、支持 Svelte 响应式变量与 p5 绘图逻辑的联动、提供友好的 TypeScript 类型支持。项目处于早期阶段,但 API 设计简洁,适合希望用 Svelte 构建数据可视化、交互艺术或创意编码应用的开发者。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 189

技术标签

核心亮点

  • 声明式组件封装,无需手动处理 p5 画布挂载和清理
  • 与 Svelte 响应式系统深度集成,数据变化自动触发重绘
  • 提供 TypeScript 类型,开发体验友好

不足之处

  • 项目早期,API 可能随版本变动
  • 文档和示例相对较少,社区生态待观察

适用场景

  • 在 Svelte 应用中快速添加交互式数据可视化
  • 构建创意编程作品集或艺术生成器
  • 教学场景中演示 p5.js 与前端框架的结合

替代项目

svelte-p5、p5-svelte-wrapper、svelte-p5-component

上一篇:wgshadertoy

下一篇:curv

同类项目推荐

interior-designer-ai 开源

上传房间照片,几秒生成 AI 重设计效果图

Upload a sample room photo and get a design back in seconds.

★ 221 2026-10-08
fractals 开源

用 Go 并发快速画出曼德博分形图

Fast mandelbrot set renderer using goroutines

★ 93 2026-08-09
sketches 开源

翻开源代码,偷学创意编程的视觉魔法

basically the entirety of my sketching practice

★ 81 2026-08-09
diorama 开源

用 Three.js 代码搭像素微缩场景,风格稳、可复用

Playbook and Three.js code kit for detailed dioramas: classic pixel art, stroked too···

★ 353 2026-11-05
react-text-fun 开源

在 React 里几行代码实现炫酷文字动画,让标题动起来

React meets Blotter.js

★ 55 2026-08-09
design-style 开源

每天一个设计风格,动效图加源码直接拿来改

每天一个设计风格:动效短片、风格图与制作指南,完整源码全部开放。 Design styles, moti···

★ 206 2026-11-04
lida 开源

说句话就能自动生成图表,省去手写代码

Automatic Generation of Visualizations and Infographics using Large Language Models

★ 3289 2026-08-09
generative-loaders 开源

专为 AI 生成界面打造的 React 加载态组件,让流式输出不再空白焦虑

Accessible React loading states for generative interfaces: streamed text, inline act···

★ 214 2026-09-16
figma-console-mcp 开源

把 Figma 设计系统变成 AI 能直接调用的接口

Your design system as an API. Connect AI to Figma for extraction, creation, and debu···

★ 3213 2026-10-08