Piny
Piny is a visual editor designed for developers working with Astro, React, Next.js, and Tailwind CSS, operating directly within IDEs like Visual Studio Code, Cursor, and Windsurf. It allows users to edit code visually, navigate components, and streamline styling without special setup. All edits are made directly in the code, ensuring developers maintain full control. Piny offers powerful free features for styling and navigating projects without requiring an account. Visual Tailwind Controls enable intuitive styling by clicking on elements, with changes immediately reflected in the code and automatic document saving to trigger hot reloads. The Tailwind Class Inspector helps manage complex styles in an editable tree of classes and states. Users can edit Tailwind classes directly within strings, variables, and even in non-React/Astro code.
Learn more
C++Builder
C++Builder is a fast, integrated design and development suite for modern apps. Are you ready to design the best UIs of your life? Our award winning VCL framework for Windows and FireMonkey (FMX) visual framework for cross-platform UIs provide you with the foundation for intuitive, beautiful user interfaces that wow on every platform: Windows, macOS, iOS, and Android. Design your master UI layout once, then easily customize platform- and device-specific views without duplication of design effort. Drag-and-drop visual and non-visual components from the palette using our visual designer. Visually connect user interface elements to data sources using the LiveBindings Designer. Real-time design validation using Live On-Device Preview to broadcast the active form to multiple devices simultaneously. Add responsive design with resolution-aware components for desktop, tablets, and smartphones. Real, platform-specific native controls for an improved user experience.
Learn more
Inspector
Inspector is an AI-powered visual front-end IDE and editor that connects your browser and local codebase so you can build, iterate, debug, and ship user interfaces faster by merging visual editing with AI coding agents like Cursor, Claude Code, or OpenAI Codex. Instead of bouncing between Figma, DevTools, and your code editor, Inspector lets you click elements visually, drag to move them, edit text directly on the page, and leave comments, then uses AI to apply those changes back to your code automatically with full context from your actual React/HTML/CSS project. It works locally with your codebase so edits are precise and safe, and it also integrates Git workflows like repo initialization and branch management, so you can commit, push, and create pull requests without leaving the visual interface. Inspector offers DOM-aware screenshots, console log capture, element-specific context for better AI understanding, and a chat-style interaction where you can prompt changes.
Learn more
µVision IDE
The µVision IDE combines project management, run-time environment, build facilities, source code editing, and program debugging in a single powerful environment. µVision is easy-to-use and accelerates your embedded software development. µVision supports multiple screens and allows you to create individual window layouts anywhere on the visual surface. The µVision Debugger provides a single environment in which you may test, verify, and optimize your application code. The debugger includes traditional features like simple and complex breakpoints, watch windows, and execution control and provides full visibility to device peripherals. With the µVision Project Manager and Run-Time Environment you create software application using pre-build software components and device support from Software Packs. The software components contain libraries, source modules, configuration files, source code templates, and documentation.
Learn more