# lazymage

> Lazy load images and components in React 19.

## Docs

- [Introduction](https://lazymage-docs.vercel.app/): lazymage lazy loads images and components in React 19.
- [Getting started](https://lazymage-docs.vercel.app/getting-started): Show a lazy image with a placeholder and a blur effect.
- [Changelog](https://lazymage-docs.vercel.app/changelog): The changes in each lazymage release.

## API

- [LazyLoadImage](https://lazymage-docs.vercel.app/api/lazy-load-image): An image that renders only when it comes near the viewport.
- [LazyLoadComponent](https://lazymage-docs.vercel.app/api/lazy-load-component): Render any content only when it comes near the viewport.
- [Hooks](https://lazymage-docs.vercel.app/api/hooks): Build your own lazy components with useLazyLoad and useImageStatus.
- [trackWindowScroll](https://lazymage-docs.vercel.app/api/track-window-scroll): Track the scroll in one place for many lazy elements.

## Guides

- [Styling](https://lazymage-docs.vercel.app/guides/styling): Use the effects, the data-state attribute, and reduced motion.
- [SSR and React Server Components](https://lazymage-docs.vercel.app/guides/ssr): Render lazy images on the server and show images above the fold at once.
- [Migration from react-lazy-load-image-component](https://lazymage-docs.vercel.app/guides/migration): Move to lazymage. Change the imports and keep your code.

## Agent skills

- [lazymage](https://lazymage-docs.vercel.app/.well-known/agent-skills/lazymage/SKILL.md): Read the lazymage docs instead of answering from memory. Lazy load images and components in React 19. Use when a task involves lazymage: how it works, how to set it up or configure it, or its API.

## Agent resources

- [llms-full.txt](https://lazymage-docs.vercel.app/llms-full.txt): The full Markdown of every page in one file.
- [Page Markdown](https://lazymage-docs.vercel.app/index.md): Append `.md` to any page URL to fetch that page as raw Markdown.
- [JSON API](https://lazymage-docs.vercel.app/api/docs/pages.json): Page index of the JSON docs API; each entry links the page's JSON and Markdown forms. Described by the OpenAPI document at https://lazymage-docs.vercel.app/openapi.json.
- [Agent skills](https://lazymage-docs.vercel.app/.well-known/agent-skills/index.json): Agent Skills discovery index of the skills this site publishes.
- [API catalog](https://lazymage-docs.vercel.app/.well-known/api-catalog): RFC 9727 linkset of the APIs documented here.
- [AI catalog](https://lazymage-docs.vercel.app/.well-known/ai-catalog.json): ARD manifest of the agent-facing resources on this site (MCP server, skills, APIs).
- [agent-readability.json](https://lazymage-docs.vercel.app/agent-readability.json): Manifest of every agent-facing artifact on this site.
- [Sitemap](https://lazymage-docs.vercel.app/sitemap.xml): Every indexable page URL with its last-modified date.