#SVG

draw-a-ui - 使用GPT-4 Vision和tldraw的自动HTML生成工具
Github开源项目Next.jsdraw-a-uiGPT-4 Vision APISVGHTML生成
draw-a-ui结合tldraw与GPT-4 Vision API,实现从手绘线框图到HTML代码的自动生成,并支持Next.js构建应用。用户可以绘制线框图,并将其转化为包含Tailwind CSS的HTML文件。项目核心开源,需GPT-4 Vision API访问权限进行本地开发。了解更多项目更新及功能,请访问draw-a-ui官网并加入候补名单。
react-native-svg-transformer - 在React Native中高效导入和转换SVG图像
Github开源项目SVGReact Nativenpm安装react-native-svg-transformer模块配置
react-native-svg-transformer让开发者可以像在Web应用中使用SVGR一样,在React Native项目中导入和转换SVG文件为React组件。通过简单的配置,该工具实现了跨平台代码复用,支持TypeScript,允许定制SVG图像的转换,并且与Jest无缝集成测试导入的SVG组件。该库依赖于react-native-svg,显著提高了开发效率。
highcharts - 基于SVG和Canvas/WebGL的JavaScript交互式图表库
Github开源项目开源软件数据可视化SVGHighchartsJavaScript图表库
Highcharts JS是一个基于SVG和Canvas/WebGL的JavaScript图表库,支持多种安装方式如CDN、npm和ES6模块。它允许创建自定义构建以优化性能,并为开发者提供修改和调试工具。作为source available软件,Highcharts需要适当许可。该库以其灵活性和丰富的图表选项而著称,适用于各种数据可视化需求。
microsoft-architecture-pptx-icons - 整合微软架构图标的PowerPoint资源包
Github开源项目MicrosoftSVGPowerPoint架构图标图示设计
这个项目提供了一个汇集微软架构图标的PowerPoint文件,简化了架构图的创建过程。它集成了Azure、Dynamics 365、Power Platform和Entra的官方图标,解决了SVG缩略图显示困难和手动复制繁琐的问题。项目文件可供下载,使用时需遵循微软的指南,适用于架构图、培训材料或文档制作。
phlex - 纯Ruby构建的高性能Web视图库
Github开源项目SVGHTMLRubyPhlex网页视图
Phlex是一个创新的Ruby库,允许开发者使用纯Ruby语法编写Web视图。该库支持HTML和SVG,具有高性能和线程安全特性。Phlex兼容TruffleRuby v23.1+和CRuby 3.2+,提供类似JSX但更Ruby化的编程体验。项目正在积极开发中,计划未来支持JSON和XML。Phlex以其快速和易用性,成为构建现代Web应用的有力工具。该项目拥有活跃的开发社区,持续更新和维护,为用户提供稳定可靠的支持。
svgl - 开源SVG图标库 集成品牌与技术Logo
Github开源项目开发工具SVG图标库SVGL
svgl是一个开源SVG图标库,收录了众多品牌和技术Logo。它支持Web应用、CLI工具、Figma插件等多种使用方式。基于Sveltekit和TypeScript构建,svgl具有出色的性能和可扩展性。开发者可以方便地使用这些图标,也能贡献新Logo丰富库内容。svgl同时提供API接口,便于第三方应用集成。
feather - 开源矢量图标库 简洁灵活易用
Github开源项目开源JavaScriptSVG图标库Feather
Feather开源图标库提供超过280个精心设计的SVG图标。采用24x24网格设计,确保视觉一致性。支持JavaScript、Node.js和SVG精灵图等多种使用方式,并可自定义属性。提供Figma组件库便于设计工作。Feather以简洁灵活著称,广泛应用于Web和移动应用界面设计。
vsvg - Rust实现的开源矢量图形工具集 支持交互式创作与高效处理
Github开源项目RustSVG绘图工具vsvggenerative art
vsvg是一个开源的Rust矢量图形工具集,包含whiskers交互式绘图环境、msvg SVG浏览器及vsvg核心库。项目提供跨平台支持和硬件加速渲染,适用于生成式绘图艺术创作和大规模SVG处理。其Web兼容性和高性能特点为艺术家和开发者提供了灵活的创作与应用工具。
VectorArt.ai - 智能矢量图像生成与共享平台
AI绘图AI工具logo设计SVG矢量图像插画
VectorArt.ai是基于AI技术的矢量图像平台,提供海量免费图库和自定义创作功能。用户可通过文字或草图生成高质量矢量图,适用于各类设计场景。平台支持图像无损放大,并提供免费试用和订阅服务,为创意工作者提供便捷的矢量图像解决方案。
Vectorizer.AI - AI驱动的在线工具自动将位图转换为高质量矢量图
图像转换AI技术AI工具在线工具SVG矢量化
Vectorizer.AI是一款在线图像矢量化工具,能将PNG、JPG等位图自动转换为SVG等矢量格式。它结合深度学习和经典算法,精确捕捉图像细节,生成高质量矢量结果。支持全彩色和透明度,适用于logo、插图和照片等多种图像类型。用户可免费预览结果,并选择多种输出格式。该工具为设计师和开发者提供简单易用且功能强大的图像矢量化解决方案。
dvisvgm - 将DVI、EPS和PDF文件转换为SVG格式的开源工具
Github开源项目SVGLaTeXdvisvgmDVI转换TeX
dvisvgm是一个开源的文件转换工具,主要用于将DVI、EPS和PDF文件转换为SVG格式。它支持多种字体类型和特殊命令,可嵌入字形轮廓,计算边界框,处理剪切路径交集,并近似颜色渐变填充。dvisvgm还内置了SVG优化器,提高了输出质量。作为TeX生态系统的一部分,它已集成到多个主流TeX发行版中,可在各种操作系统上使用。
minidenticons - 客户端轻量级SVG头像生成器 无依赖快速生成
Github开源项目SVG无依赖头像生成Minidenticonsidenticon
minidenticons是一款客户端SVG头像生成器,无需依赖即可基于用户名创建像素化头像。它能提升加载速度、减少带宽使用,并遵守GDPR规定。该项目支持自定义元素和函数调用,允许调整头像饱和度和亮度,适配多种网站风格。生成的头像独特易识别,可有效替代传统的字母初始头像。
GitHubPoster - 多源数据生成GitHub风格SVG活动海报的开源工具
Github开源项目GitHub数据可视化SVG海报生成
GitHubPoster支持多种数据源和类型,包括Strava运动数据、Nintendo Switch游戏记录、Kindle阅读信息等。用户可以自定义颜色、添加动画效果,轻松生成GitHub风格的SVG活动海报。这个开源工具为数据可视化提供了新的展示方式,适用于展示个人在运动、学习、娱乐等领域的活动轨迹。
vpype - 专为绘图仪设计的多功能矢量图形处理和优化工具
Github开源项目命令行工具SVG矢量图形vpype绘图优化
vpype是一款专为绘图仪设计的命令行工具,用于处理和优化矢量图形。它能精确布局矢量文件、优化SVG加快绘图、为老式绘图仪输出HPGL、创建生成艺术作品以及处理多层矢量文件。vpype可通过插件扩展功能,作为Python库还提供了创建生成艺术和绘图仪工具所需的数据结构、实用函数和硬件加速的矢量图形查看器。
pointless - 开源无限画布白板应用 支持多种绘图功能
Github开源项目SVGTauri无限画布Pointless绘图软件
Pointless是一款开源的无限画布应用,基于Tauri和React开发。它提供简洁实用的白板和笔记功能,采用纯SVG画布和brotli-unicode压缩技术,确保文件小巧高效。应用支持多种格式导出、图形绘制、文件夹管理和主题切换,满足快速记录想法和绘制简单草图的需求。Pointless具有轻量级、跨平台的特点,适合各类用户使用。
boring-avatars - 轻量级React SVG头像生成库
Github开源项目SVGReactJavaScript库头像生成Boring avatars
Boring avatars是一个轻量级React库,可根据用户名和颜色方案生成自定义SVG头像。该库支持marble、beam、pixel等多种风格,并可自定义头像大小、形状和颜色。开发者可轻松集成此库,为应用快速添加独特的用户头像。Boring avatars还提供API服务,满足更广泛的应用需求。
hugeicons-react - 大型可定制React图标库 超过4000个免费图标
Github开源项目SVG自定义图标React图标Hugeicons Pro
Hugeicons-react是一个开源React图标库,提供4000多个可自定义的免费描边图标。支持npm安装,可轻松调整图标大小、颜色和添加动画效果。该库适用于个人和商业项目,提供详细使用示例和在线演示。遵循MIT许可,允许自由商用。项目鼓励社区参与,不断丰富图标资源。
papirus-icon-theme - 丰富多彩的Linux SVG图标主题
Github开源项目开源LinuxSVG图标主题Papirus
Papirus是一款为Linux系统设计的开源SVG图标主题。它在Paper Icon Set基础上扩展了大量新图标,并添加了Hardcode-Tray支持、KDE配色方案、文件夹颜色等功能。Papirus提供标准版、暗色版、亮色版等五种变体,适应不同用户需求。该主题拥有丰富的图标库和精致的设计,为Linux桌面环境提供了全新的视觉体验。
recharts - 基于React和D3的开源图表库 简化数据可视化
Github开源项目数据可视化SVGReact图表库D3
Recharts是一个基于React和D3的开源图表库,专注于简化React应用中的数据可视化开发。它采用原生SVG渲染,提供声明式组件API,支持多种图表类型如折线图、柱状图等。Recharts的组件化设计使复杂图表的创建变得直观,同时保持了较小的依赖规模。该库支持自定义样式和交互,适合开发者快速构建响应式数据可视化界面。
progressbar.js - JavaScript库ProgressBar.js打造动态SVG进度条
Github开源项目JavaScript动画SVG进度条ProgressBar.js
ProgressBar.js是一个轻量级JavaScript库,用于创建动态SVG进度条。它支持多种内置形状,同时允许开发者自定义路径。该库提供丰富的动画选项,使进度条呈现更加流畅自然。ProgressBar.js具有良好的文档支持和示例,有助于开发者快速掌握使用方法。此外,它还提供React组件版本,便于在React应用中集成。
two.js - 跨平台2D绘图库 支持多种渲染方式
Github开源项目SVGWebGLTwo.js二维绘图APICanvas2D
Two.js是一款面向现代浏览器的二维绘图库,支持WebGL、Canvas2D和SVG等多种渲染方式。它提供统一的API,方便开发者创建交互式2D图形和动画。该库兼容ES6模块,可集成到React和Angular等主流框架中,也支持无头环境运行。Two.js拥有完善的文档和示例,适用于多种2D图形应用开发场景。
joint - JavaScript图表库JointJS:构建交互式可视化应用的利器
Github开源项目用户界面SVGJavaScript库图表绘制JointJS
JointJS是一款功能强大的JavaScript/TypeScript图表库,专为构建交互式图表应用、绘图工具和数据可视化界面而设计。它提供了丰富的功能,包括基本图形元素、预设图表、自定义元素、连接功能、图形API和自动布局等。JointJS支持主流浏览器,适用于多种应用场景,能够显著提高开发效率。无论是创建简单的流程图还是复杂的可视化系统,JointJS都能满足开发者的需求。
canvas-editor - 功能丰富的Canvas/SVG在线富文本编辑器
Github开源项目SVGCanvas富文本编辑器canvas-editor
canvas-editor是一款利用Canvas和SVG技术开发的富文本编辑器。该项目提供文本编辑、表格分页、性能优化和协同编辑等功能。canvas-editor具有集成便捷、文档完善、插件系统健全等特点,可通过npm安装。它有助于开发者快速构建高质量的在线文档编辑应用。目前,项目正在开发PDF导出等新功能,持续优化用户体验。
react-content-loader - React SVG加载占位符组件 灵活定制轻量级
Github开源项目跨平台SVGReact自定义占位加载
react-content-loader是一款用于创建SVG加载占位符的React组件。它提供Facebook、Instagram等预设模板,同时支持完全自定义设计。该组件高度可定制,支持React Native,体积仅2kB。开发者可轻松创建吸引用户的加载效果,提升应用体验。适用于各类React项目的加载状态展示需求。
awesome-svg - 综合SVG资源库 涵盖动画到优化工具
Github开源项目图形设计SVG资源列表可扩展矢量图形
awesome-svg是一个全面的SVG资源库,内容涵盖可访问性、动画、图标和优化工具等多个方面。项目提供了丰富的学习和应用资料,包括教程、实验、库和插件。作为一个开放的社区项目,它不断更新以跟进行业最新发展,旨在成为SVG信息的中心。该资源库适合各级SVG使用者,从初学者到专家都能找到有价值的内容。
Svg.la - 简化设计流程的SVG生成利器
AI工具SVG矢量图形Text to SVGImage to SVG
Svg.la提供SVG生成工具,便捷地将文本或图片转换为高质量矢量图形。适用于设计标志、图标和复杂图案,通过文字描述或参考图片即可高效生成专业SVG文件。这些工具广泛支持多种图片格式及应用场景,适合个人与商业使用。