[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-80305":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":14,"stars30d":16,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":18,"topics":21,"createdAt":10,"pushedAt":10,"updatedAt":22,"readmeContent":23,"aiSummary":24,"trendingCount":15,"starSnapshotCount":15,"syncStatus":13,"lastSyncTime":25,"discoverSource":26},80305,"dither-avatar","maartenkeizer\u002Fdither-avatar","maartenkeizer","Deterministic dithered SVG avatars from any seed string. Zero dependencies.","https:\u002F\u002Fdither-avatar.vercel.app",null,"TypeScript",74,2,1,0,3,39.23,false,"main",true,[],"2026-06-12 04:01:27","# dither-avatar\n\nDeterministic dithered SVG avatars from any seed string. Zero dependencies.\n\n![preview](preview.png)\n\n**[Live playground →](https:\u002F\u002Fdither-avatar.vercel.app)**\n\n## Install\n\n```bash\nnpm install dither-avatar\n```\n\n## Usage\n\n### Core (any JS runtime)\n\n```js\nimport { generateDitherAvatar, ditherAvatarDataUri } from 'dither-avatar';\n\nconst svg = generateDitherAvatar('alice');\nconst uri = ditherAvatarDataUri('alice');\n```\n\n### React\n\n```jsx\nimport { DitherAvatar } from 'dither-avatar\u002Freact';\n\nfunction UserProfile({ username }) {\n  return \u003CDitherAvatar seed={username} size={48} \u002F>;\n}\n```\n\n## API\n\n### `generateDitherAvatar(seed: string): string`\n\nReturns raw SVG markup for the given seed.\n\n### `ditherAvatarDataUri(seed: string): string`\n\nReturns a `data:image\u002Fsvg+xml,...` URI — safe to use as an `\u003Cimg>` src.\n\n### `\u003CDitherAvatar seed size? className? style? \u002F>`\n\nRenders an `\u003Cimg>` with the avatar as a data URI. Zero XSS risk.\n\n### `\u003CDitherAvatarSVG seed size? className? style? \u002F>`\n\nRenders an inline `\u003Csvg>`. Note: uses `dangerouslySetInnerHTML`.\n\n## License\n\nMIT\n","dither-avatar 是一个用于从任意种子字符串生成确定性抖动SVG头像的库，无任何外部依赖。其核心功能包括通过简单的API调用生成SVG格式的头像或直接获取可作为图片源使用的data URI，支持在纯JavaScript环境及React组件中便捷使用。该工具特别适用于需要为用户提供个性化但又保持一致性的在线服务场景，比如论坛、社交平台或者任何需要展示用户头像的应用程序，能够以轻量级的方式增强用户体验而不增加额外的资源负担。","2026-06-11 04:00:15","CREATED_QUERY"]