picsum-photos

Lorem Ipsum... but for photos. (by DMarby)

Picsum-photos Alternatives

Similar projects and alternatives to picsum-photos

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better picsum-photos alternative or higher similarity.

picsum-photos reviews and mentions

Posts with mentions or reviews of picsum-photos. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-02-13.
  • 6 Routes à connaître si tu utilises Remix (guide complet)
    2 projects | dev.to | 13 Feb 2024
    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', }, }); };
  • Implement Smooth Scrolling & Parallax Effect in Next.js using Lenis and GSAP
    5 projects | dev.to | 6 Dec 2023
  • Introducing CloudKit - A production ready Cloudflare Sveltekit template
    3 projects | dev.to | 31 Oct 2023
    pull random images from picsum
  • 10 Lesser-Known Tools and Websites to Spice Up Your Developer Toolbox
    8 projects | dev.to | 10 Oct 2023
    Lorem Picsum provides random placeholder images, adding visual appeal to your designs.
  • 7 Useful Resources for Web Developers
    2 projects | dev.to | 21 May 2023
    During website development, having placeholder text and images can be invaluable. Lorem Ipsum provides dummy text that fills content areas, giving you a visual representation of the layout. On the other hand, Lorem Picsum offers a vast collection of temporary stock images that can be used to fill image placeholders and add visual appeal to your designs. These resources ensure your designs look polished and professional.
  • How to generate dynamic OG image using new NextJs with App directory
    3 projects | dev.to | 29 Mar 2023
    import { ImageResponse } from '@vercel/og'; export const config = { runtime: 'edge', }; export async function GET(request) { console.log(request); //Setting the image url var URL; //Fetch the Alt Text Generator let fetchDesc; try { // Generating random id between 0 - 1083 to get the image // let randomdid = Math.floor(Math.random() * 1083); let randomdid; const getRandom = await fetch( 'https://www.random.org/integers/?num=1&min=0&max=1083&col=1&base=10&format=plain', { mode: 'no-cors', next: { revalidate: 10 } }, ); const numbget = await getRandom.json(); randomdid = numbget || Math.floor(Math.random() * 1083); //Fetching the alt text linked to id const res = await fetch( `https://alt-text-generator.vercel.app/api/generate?imageUrl=https://picsum.photos/id/${randomdid}/300`, { mode: 'no-cors', next: { revalidate: 10 } }, ); fetchDesc = await res.json(); //fetching the actual image based on id const imagef = await fetch(`https://picsum.photos/id/${randomdid}/info`, { next: { revalidate: 10 }, }); const imageD = await imagef.json(); URL = `https://picsum.photos/id/${imageD.id}/300`; } catch (error) { //Using Fallback to narrow error boundary URL = '/fallbackog.jpg'; fetchDesc = 'Extend Alt Text Can Generate Descriptions'; } return new ImageResponse( ( Extend Alt Text {fetchDesc} ), { width: 1200, height: 600, }, ); }
  • Building a Music Player in React
    4 projects | dev.to | 16 Dec 2022
    return (

    Playing Nowh2>

    Rubaiyyanh3>

    Qalap> div>

    IconContext.Provider> button> {!isPlaying ? ( IconContext.Provider> button> ) : ( IconContext.Provider> button> )} IconContext.Provider> button> div> div> );

  • How to build image grids with react-visual-grid
    2 projects | dev.to | 4 Dec 2022
    import { Grid } from "react-visual-grid"; // generate random images using lorem picsum service const images = Array.from({ length: 20 }, (_, i) => ({ src: `https://picsum.photos/id/${Math.round(Math.random() * 110)}/800/600`, alt: `Image ${i + 1}`, })); const App = () => { return ; };
  • How to make simple slideshow using cool CSS and JS features
    2 projects | dev.to | 12 Nov 2022
  • HERE's a list of free platforms you need for your next web project!
    4 projects | /r/web_design | 11 Nov 2022
    Awesome that most of us run into the same sites, would like to add Lorem Picsum
  • A note from our sponsor - LearnThisRepo.com
    learnthisrepo.com | 22 Feb 2024
    LearnThisRepo lets you learn 300+ open source repos including Postgres, Langchain, VS Code, and more by chatting with them using AI! Learn more →

Stats

Basic picsum-photos repo stats
80
2,099
8.2
11 days ago
The modern API for authentication & user identity.
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com