Skip to content

Generate colorful and temporarily identifiable SVGs with unique urls.

License

Notifications You must be signed in to change notification settings

TimMikeladze/reptiles.dev

Repository files navigation

reptiles.dev

Generate colorful and temporarily identifiable SVGs with unique urls.

<!-- A random svg  -->
<img src="https://reptiles.dev/svg " />

<!-- A temporarily identifiable random svg with key 123 or any key of your choosing.  -->
<img src="https://reptiles.dev/123" />

💻 Website · 🔗 Random SVG · 🛝 GraphQL Playground

Usage

Get a random image: reptiles.dev/svg

Get a temporarily identifiable random image: reptiles.dev/123 or reptiles.dev/svg?key=123

Customize generated image: reptiles.dev/svg?hue=green&luminosity=dark&size=20

Visit reptiles.dev to use a UI to customize generated images and view available options.

Alternatively use the GraphQL playground and read the detailed documentation on all available options.

How it works

Generated SVGs are cached for up to 30 minutes before they are removed. After that point a new image will be generated when the url is visited.

This method of generating random yet temporarily identifiable images is great to use when mocking & developing front-ends, mapping some fake ids to images, or as placeholder images inside a Storybook.

Examples

<img src="https://reptiles.dev/svg" />

<img src="https://reptiles.dev/some-identifier" />

<img src="https://reptiles.dev/svg?width=10&luminosity=light&hue=147A34" />

<!-- /random is alias of /svg -->
<img src="https://reptiles.dev/random" />