Generate a Gatsby project from Webflow code export

Start Now

Install the Gatsby CLI

npm install -g gatsby-cli

Run one simple command to install and use the project generator. You'll need Node v10 or later.

npx webflow-to-gatsby <WEBFLOW_UNZIPPED_FOLDER> <GATSBY_PROJECT_NAME>

This will create a new Gatsby folder ready to use.

Example

npx webflow-to-gatsby ./my-webflow-project/ my-new-gatsby-project
cd my-new-gatsby-project
npm run develop

Your app is served on localhost:8000 by default.

To-Do

• Test on Windows
• Handle srcSet
• Add unit tests