Read the official documentation.

👁️ Live Demo

A TimedImage repeatedly renders an image at a timed interval.

Features optional client-side cache busting so the image reloads on every render.

• ⏱️ Render at timed intervals
  • Re-render your image at the interval you specify.
• 🐣 New image every time using cache-busting
  • Uses client-side cache-busting to prevent old, cached images from being shown.
• 🖼️ Use just like an img
  • Use all the props an img supports, like src and alt.

If this project helped you, please consider buying me a coffee or sponsoring me. Your support is much appreciated!

• Documentation
• Overview
  • Features include:
• Donate
• Table of Contents
• Installation
• Quick Start
• TypeScript
• Icon Attribution
• Contributing
• ⭐ Found It Helpful? Star It!
• License

npm i react-timed-image

import { TimedImage } from "react-timed-image";

<TimedImage src="https://loremflickr.com/220/140" interval={3000} />

This will render the image at the src provided every three seconds.

See TimedImage for additional options and a live example.

Type definitions have been included for TypeScript support.

Favicon by Twemoji.

Open source software is awesome and so are you. 😎

Feel free to submit a pull request for bugs or additions, and make sure to update tests as appropriate. If you find a mistake in the docs, send a PR! Even the smallest changes help.

For major changes, open an issue first to discuss what you'd like to change.

If you found this project helpful, let the community know by giving it a star: 👉⭐

See LICENSE.md.