Jenkinsfile Visualizer

Quickly parse and visualize your Jenkinsfile as an interactive, downloadable pipeline flowchart!
View the Demo »

Features

• ✨ Syntax Highlighting for Groovy-based Jenkinsfiles.
• 🎨 Dynamic Pipeline Visualization with interactive nodes and edges.
• 📥 Download Visualization as a PNG for documentation or sharing.

Installation

1. Clone the repository:

git clone https://github.com/alexbaeza/jenkinsfile-visualizer.git
cd jenkinsfile-visualizer

2. Install dependencies:

yarn install

3. Run the application:

yarn start

4. Open your browser and navigate to:

http://localhost:3000

Usage

1. Paste your Jenkinsfile in the editor.
2. View the interactive pipeline visualization. 3Download the pipeline as a PNG for sharing or documentation.

Deployment

This app is automatically deployed on Vercel.

To deploy your own version:

1. Link your repository to Vercel.
2. Configure build settings:
   • Build Command: npm run build
   • Output Directory: build
3. Deploy and share your app!

Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue.

License

This project is licensed under the MIT License.