Visualize and edit your codebase on an infinite canvas
Haystack re-imagines the IDE by putting it on a 2D digital whiteboard that automatically draws connections between code as you navigate and edit files. We designed it to match our mental model of how code works together – as a graph of connected components.
Hi Product Hunt, I'm Akshay from Haystack! Haystack is an IDE that lets you visualize and edit your codebase on an infinite canvas Here’s a demo of what it looks like: https://www.youtube.com/watch?v=5XADctpWNNs
Our vision of Haystack is an AI-augmented IDE that helps you navigate your codebase at lightspeed. You should be able to type a vague description of the code you’re looking for (“Show me the code flow that triggers after we click the submit button”) and immediately see the right result. But we don’t think the traditional split-panel interface is the best fit for this type of rapid navigation. Inspired by the fluidity of design tools like Figma and Miro, we realized that the canvas layout is a perfect way to represent and operate on code flows, and a great base for all the AI tooling we want to build! This is how Haystack was born.
Who's Haystack for?
- Software engineers who work with dense, interconnected codebases
- Developers who work with many layers of abstraction (e.g. interfaces, header files, etc.)
- Folks who are exploring an unfamiliar codebase for the first time
Here's what Haystack offers:
🔎 Isolate Relevant Code: Instead of just being able to view files, Haystack enables you to look at just functions, classes, etc. This is helpful when you need to view different parts of code within the same file!
➡️ Automatic code connections: As you traverse through your code, Haystack will automatically draw connections between related logic, such as functions that call one another. This helps you understand your code at a glance, especially when multiple functions or methods are working together.
📝 Save and load workspaces: Need to switch to another task but don't want to lose your current context? You can save and load all editors on the canvas any time, allowing you to keep your current workspace in case you ever need it again.
Haystack is now source-available at https://github.com/haystackedito...! You can also download Haystack from https://haystackeditor.com/.
About Haystack on Product Hunt
“Visualize and edit your codebase on an infinite canvas”
Haystack launched on Product Hunt on September 25th, 2024 and earned 204 upvotes and 29 comments, placing #12 on the daily leaderboard. Haystack re-imagines the IDE by putting it on a 2D digital whiteboard that automatically draws connections between code as you navigate and edit files. We designed it to match our mental model of how code works together – as a graph of connected components.
On the analytics side, Haystack competes within Productivity, Software Engineering and Artificial Intelligence — topics that collectively have 1.2M followers on Product Hunt. The dashboard above tracks how Haystack performed against the three products that launched closest to it on the same day.
Who hunted Haystack?
Haystack was hunted by Akshay Subramaniam. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of Haystack including community comment highlights and product details, visit the product overview.
Akshay Subramaniam