wobble svg

wobble svg 是一款极简且零依赖的 SVG 路径库，专为追求手绘风格的网页与 React Native 开发者设计。它提供了一系列可复用的手绘风格 SVG 路径，通过独特的可变宽度和确定性随机算法，让每个组件都能拥有独一无二的“手绘”笔触。

核心功能

• 手绘路径库：内置丰富的 SVG 路径，覆盖常见 UI 元素，如边框、图标、分隔线等，开箱即用。
• 零依赖：无需安装任何额外库，即可在项目中直接使用，轻量高效。
• 跨平台支持：同时支持 Web 和 React Native，方便移动端与桌面端统一风格。

主要特性

• 可变宽度：路径线条宽度可动态变化，模拟真实手绘的粗细不均效果。
• 确定性随机：基于种子值生成稳定但看似随机的路径，确保每次渲染一致，便于测试与复用。
• 高度可配置：只需调整“wobble”参数，即可控制手绘程度，从轻微抖动到强烈涂鸦，自由掌控。
• 代码生成：通过简单的代码即可生成独特组件资产，无需手动绘制 SVG。

适用场景

• 创意网站：为落地页、博客或作品集添加个性化手绘元素，提升视觉趣味。
• 原型设计：快速生成手绘风格原型，传达“未完成”的迭代感。
• 教育工具：为图表或示意图增加亲和力，适合儿童或创意教学场景。

wobble svg 让开发者无需设计背景，也能轻松打造充满温度的手绘 UI，是追求差异化设计的理想选择。