# Fast and Frictionless Timeline Debugging #### Get a bird’s eye view of how your code behaves across time, before diving into the details Video Player [https://whitebox.systems/wp-content/uploads/2024/11/debug.mp4](/content/wp-content/uploads/2024/11/debug.mp4) [Download File: https://whitebox.systems/wp-content/uploads/2024/11/debug.mp4?_=1](/content/wp-content/uploads/2024/11/debug.mp4?_=1/index.html) --- # Watch how your code behaves as you write it. #### WhiteBox compiles, runs & debugs the code you’re working on to give instant feedback side-by-side with your favourite editor. Video Player [https://whitebox.systems/wp-content/uploads/2024/11/JIT.mp4](/content/wp-content/uploads/2024/11/JIT.mp4) [Download File: https://whitebox.systems/wp-content/uploads/2024/11/JIT.mp4?_=2](/content/wp-content/uploads/2024/11/JIT.mp4?_=2/index.html) --- ## You aren’t a computer It takes so long to get feedback from conventional tools that you resort to mentally debugging your code. Unfortunately humans are bad at simulating code in their head so even experienced programmers frequently make errors. WhiteBox makes it fast and frictionless to see how your code actually runs, so you can keep your mental model up-to-date. ## WhiteBox as a Debugger [Track your steps](/content/site-root.html) [Inspect code ranges](/content/site-root.html) [See the stack](/content/site-root.html) [Watch back in time](/content/site-root.html) ### Track your steps Video Player [https://whitebox.systems/wp-content/uploads/2024/11/simple_debug.mp4](/content/wp-content/uploads/2024/11/simple_debug.mp4) [Download File: https://whitebox.systems/wp-content/uploads/2024/11/simple_debug.mp4?_=3](/content/wp-content/uploads/2024/11/simple_debug.mp4?_=3/index.html) ### Inspect code ranges Video Player [https://whitebox.systems/wp-content/uploads/2024/11/insp_range.mp4](/content/wp-content/uploads/2024/11/insp_range.mp4) [Download File: https://whitebox.systems/wp-content/uploads/2024/11/insp_range.mp4?_=4](/content/wp-content/uploads/2024/11/insp_range.mp4?_=4/index.html) ### See the stack Video Player [https://whitebox.systems/wp-content/uploads/2024/11/call_stack.mp4](/content/wp-content/uploads/2024/11/call_stack.mp4) [Download File: https://whitebox.systems/wp-content/uploads/2024/11/call_stack.mp4?_=5](/content/wp-content/uploads/2024/11/call_stack.mp4?_=5/index.html) ### Watch back in time Video Player [https://whitebox.systems/wp-content/uploads/2024/11/retrospective_watch.mp4](/content/wp-content/uploads/2024/11/retrospective_watch.mp4) [Download File: https://whitebox.systems/wp-content/uploads/2024/11/retrospective_watch.mp4?_=6](/content/wp-content/uploads/2024/11/retrospective_watch.mp4?_=6/index.html) --- ### What is WhiteBox's JIT Workflow? [The function you're working on is automatically compiled and inspected in the background](/content/site-root.html) [Compare the return values and internal behaviour for different parameters](/content/site-root.html) [Instantly see the state of the data wherever your cursor is in the code](/content/site-root.html) [Dig into any data's history of changes: see where & how the values changed](/content/site-root.html) ### Buy the Beta Now **Get personal access to the beta for WhiteBox now via itch.io.** WhiteBox by Andrew Reece - itch.io [Buy $69.00 USD](https://azmr.itch.io/whitebox/purchase?popup=1) --- ## Conference Demos See how WhiteBox looks in-use in these demo given to the Handmade Seattle conference. [Demo 1](https://media.handmade-seattle.com/whitebox-systems/) [Demo 2](https://media.handmade-seattle.com/whitebox-systems-2021/) Andrew Reece - WhiteBox from Handmade Cities on Vimeo --- ### Podcast Appearance WhiteBox’s developer, Andrew Reece, was on the Handmade Network Podcast with Ryan Fleury to discuss: - WhiteBox - the importance of rapid feedback - design guided by an understanding of both human & computer capabilities - the future of software dev tools. [LISTEN](https://handmade.network/podcast/ep/6dc1dd60-3462-4ae6-b488-e61782ada691) ## Testimonials _“WhiteBox delivers hope for a future where **better software** is written, and coding isn’t such a mess. Where it’s **more enjoyable** because you have a **better understanding** of the code you’re working with and don’t have to spend as much time debugging.”_ _“Using WhiteBox is like having a **conversation with the computer**.”_ _“With WhiteBox, you can literally just put your cursor where you want to inspect, and **instantly see the state of any data** that is there at that point in time.”_ _“WhiteBox makes it quickly apparent when the user/developer’s simplified **mental model** doesn’t match what the instructions are doing.”_ ## Compatibility | Component | Debugger | JIT Workflow | | --- | --- | --- | | **OS** | - Windows 10 (1703+) | - Windows 10 (1703+)
- Ubuntu 20.04+ | | **Architecture** | - x86-64 | - x86-64 | | **Editor Plugins** | (Optional, but same support as JIT) | - 10x Editor
- 4coder
- Emacs
- NotePad++
- Sublime Text
- Vim/NeoVim
- Visual Studio
- VS Code | | **Languages** | Systems languages that compile to EXE + PDB:
- C
- C++
- Odin
- Rust
- Zig
- ... | - C
- C-like C++ (classes, methods, namespaces, references) |