Chaos Frontend Toolkit

A set of tools to break your web apps and, in doing so, find ways to improve them.

Also available on: Chrome, Firefox, Edge, Zip file

List of categories

Frequently Asked Questions

What is the purpose of this extension?

Chaos Engineering is the discipline of experimenting on a system in order to build confidence in the system’s capability to withstand turbulent conditions in production.

Even though it is usually applied to infrastructure, we can use Chaos Engineering principles on the front end part of our web applications.

Network, Timers, History, Accessibility, Localization, Inputs: This web extension bundles tools intended to break your apps.

How do I install this extension on my browser?

This extension is available on most browser extension stores. Click on the links above to access the one corresponding to your browser, then follow their instructions.

If your browser isn't listed above, you can try installing it with the manual zip available above, but it isn't guaranteed to work.

Where does this idea come from?

In October of 2021, I gave a talk at Devfest Nantes titled Art & Entropy: Introducing Chaos to your Frontend.

In it, I experiment with the usage of Chaos Engineering, but applied to the frontend. Someone suggested to me that I build a web extension to bundle everything I presented for easy usage.

A few late evenings later and here we are!

Is this extension open-source?

Yes it is! The license is GNU GPLv3 and you can find the code on Github.

That's a really nice web extension.

Thank you very much for such compliments!
Consider following me on Twitter in case I make more stuff like this!