Rune IDE
Rune is a fast, keyboard-driven IDE for power users that brings code, terminals, CLI tools, language intelligence, debugging, and AI agents into one composable, multi-workspace environment. Built around the Unix way, it keeps powerful development tools close together without forcing developers into a mouse-heavy workflow. Rune ships with three built-in editing modes, a standard editor for users coming from VS Code, Cursor, or Sublime; modal editing for Vim and Neovim users; and an Emacs-style editor, with keybindings applied throughout the interface. Workspaces combine files, terminals, tasks, debugging, search, and language intelligence, and can run locally or on remote machines. Rune Agent lives in the same workspace as the code, where it can read and edit files, search the codebase, run commands, use tools, and maintain full conversations. It supports OpenAI, Codex, Anthropic, Claude, Gemini, Amazon Bedrock, local models, and custom OpenAI-compatible endpoints.
Learn more
Radon
Radon is a Visual Studio Code and Cursor extension that turns a code editor into a complete IDE for React Native and Expo apps. It helps developers build better apps faster by bringing previews, debugging, navigation, logs, network inspection, component inspection, device controls, and AI assistance directly into the editor. Radon runs the iOS Simulator and Android emulator inside the Visual Studio Code or Cursor project, so developers can see the app close to the codebase instead of constantly switching windows. It's built-in previews make it possible to develop components in isolation, while the element inspector lets users click an element in the preview and jump directly to the file where the React Native component is defined. The debugger supports React Native breakpoints inside Visual Studio Code with no extra setup, automatically stopping at runtime exceptions and showing the exact line of code where they happened.
Learn more
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
Onlook
Onlook is a next-generation, open source, visual-first editor that empowers designers and product managers to craft and edit React and Next.js web experiences in real time, without leaving a browser-like interface. With seamless integration into existing codebases, Onlook enables live DOM editing alongside immediate code synchronization and deployable output. Its visual editor supports drag-and-drop layout changes, Tailwind CSS styling, layer navigation, and responsive breakpoint handling. AI-powered assistance helps generate components from descriptions, maintain design system consistency (with global styles, typography, and color tokens), convert Figma designs into interactive code, and offer smart design suggestions. Designers can import projects from GitHub or Figma, iterate with instant visual feedback via live previews, manage version control with checkpoints and real-time updates, and deploy directly from the platform.
Learn more
