See what's launched

The next gen Gatsby is here Performance, developer velocity, and scaling to meet Enterprise needs - See what’s launched

Sign Up for Free
Community Plugin
View plugin on GitHub


A Gatsby plugin to delay page loading. Useful for doing things like custom page animations.


With Yarn:

yarn add gatsby-plugin-page-load-delay

Or with npm:

npm install --save gatsby-plugin-page-load-delay


// In your gatsby-config.js
plugins: [

Set a window.pageExitTime variable in milliseconds to whatever you want the delay for that page to be.

// some-component.js
export default class MyPage extends React.Component {
		// Set delay in milliseconds
		window.pageExitTime = 1000
	render() {
		// A "status" property will be added
		// You can use this to set classes, or trigger animations however you want
		return (
			<section className={this.props.status}>
				Animation status: {this.props.status}
© 2022 Gatsby, Inc.