June 12, 2025
We’re always evolving Codespell to keep pace with the way you build. This month, we’ve shipped two powerful features that sharpen how you write, review, and generate code, turning visuals into components and changes into clear comparisons.
Let’s dive into what’s new!
Side-by-Side Compare – Visual Code Comparison, Made Easy
Introducing Side-by-Side Compare, a fast, efficient way to review and accept AI-generated code changes.
Whether you’re optimizing a method or refactoring a function, you now have a clearer way to see what’s changing literally.
How it works:
- Click the Optimize icon above any method.
- Codespell AI will generate a refined version of your code.
- You’ll now see three options: Accept, Discard, and the new Compare.
- Clicking Compare opens a side-by-side view of your original and optimized code.
This visual diff makes it easy to review updates and decide what to keep, discard, or tweak.
Image Upload – From Visuals to Working Components
Got a wireframe? A flowchart? A form sketch? Now you can go from image to code right inside Codespell.
What you can do:
- Upload images like architecture diagrams, UI mockups, scanned docs, or form inputs.
- Add a short prompt describing what you want to build.
- Codespell will analyze the image and generate the corresponding component or code.
This is especially handy when working from:
- Visual prototypes
- Handwritten ideas
- Screenshots from product teams
Just drag, drop, prompt and get code you can use in your project instantly.
What’s Next?
As always, we’re building fast and thinking big. Stay tuned for upcoming releases that bring even more context awareness, automation, and collaboration into your development flow.
Want to try it out?
👉 Start your free trial and give the new features a spin.
Happy coding!