// readme

tronche

Avatars nothing like you.

Tronche generates unique SVG avatars from a name and a color palette. Available as a vanilla JS package (no framework), a Vue component, a React component, a Solid component, a Svelte component, a Lit component, an Angular component, a Nuxt module, and a REST API.

Installation

npm install tronche

Package structure

node_modules/tronche/
โ”œโ”€โ”€ dist/
โ”‚   โ”œโ”€โ”€ index.js         # Core library (ESM, framework-agnostic)
โ”‚   โ”œโ”€โ”€ index.d.ts       # Core TypeScript declarations
โ”‚   โ”œโ”€โ”€ vue/
โ”‚   โ”‚   โ”œโ”€โ”€ index.js     # Vue components (pre-compiled)
โ”‚   โ”‚   โ””โ”€โ”€ index.d.ts   # Vue component types
โ”‚   โ”œโ”€โ”€ react/
โ”‚   โ”‚   โ”œโ”€โ”€ index.js     # React components (pre-compiled)
โ”‚   โ”‚   โ””โ”€โ”€ index.d.ts   # React component types
โ”‚   โ”œโ”€โ”€ solid/
โ”‚   โ”‚   โ”œโ”€โ”€ index.js     # Solid components (pre-compiled)
โ”‚   โ”‚   โ””โ”€โ”€ index.d.ts   # Solid component types
โ”‚   โ”œโ”€โ”€ svelte/
โ”‚   โ”‚   โ”œโ”€โ”€ index.js     # Svelte components (pre-compiled)
โ”‚   โ”‚   โ””โ”€โ”€ index.d.ts   # Svelte component types
โ”‚   โ”œโ”€โ”€ lit/
โ”‚   โ”‚   โ”œโ”€โ”€ index.jsโ€ฆ