picsum-photos VS chance.js

Lorem Picsum is a free picture placeholder service that can be used on websites, apps, or anywhere a placeholder image is needed. It provides a simple API that can obtain random images through HTTP requests, and can also specify specific image sizes and other parameters. Lorem Picsum also provides a website where pictures can be browsed and downloaded. These images are uploaded by photographers from the Unsplash community and are free for personal and commercial use. URL: https://picsum.photos/

export const loader = async () => { const response = await fetch('https://picsum.photos/200/300'); const blob = await response.blob(); return new Response(blob, { headers: { 'Content-Type': 'image/jpeg', }, }); };

Lorem Picsum provides a convenient source of high-quality placeholder images, ideal for design and development projects. It's super simple to use. Just add your desired image size (width & height) after the URL (https://picsum.photos/200/300), and you'll get a random image. It's perfect for when building and testing the interface of your project.

pull random images from picsum

Lorem Picsum provides random placeholder images, adding visual appeal to your designs.

Something I'm thinking is to put a webpage in the background url that gives a random image (like what picsum.photos does but with a collection of my choice).

this is what you are looking for --> https://picsum.photos/

Lorem picsum: https://picsum.photos/

declare global { interface String { pascalToWords: () => string; } // Chance is a fake data generator, https://chancejs.com // Dayjs is a date utility that has its own type, https://day.js.org/ namespace Chance { export interface DayjsOptions { min: Dayjs; max: Dayjs; } export interface Chance { dayjs: (params?: Partial) => Dayjs; } } }

You might have some luck initialising your own arrays with data from chance. There’s a good amount of data in there that you could use.

https://npm.im/chance (589.3k weekly downloads) https://github.com/chancejs/chancejs (5.8k stars)

- https://www.npmjs.com/package/chance

If you're wondering about the code behind the card and the data, then I've sprinkled some Vue 3 in it along with ChanceJS and Lorem Picsum for random name and image generation. And of course a neat amount of simple CSS :)