12 Repos
Development utilities that provide real-time feedback for visual code changes.
Distinguishing note: None available; minting under Development Tools & Productivity.
Explore 12 awesome GitHub repositories matching development tools & productivity · Live Preview Tools. Refine with filters or upvote what's useful.
gstack is an AI agent framework and development workflow system designed to automate the software development lifecycle. It coordinates specialized AI personas to manage tasks across product design, engineering management, and quality assurance, transforming product intent into technical specifications and final releases. The project is distinguished by its deep integration of headless browser automation and semantic code memory. It utilizes a persistent Chromium daemon for web scraping and visual auditing, and implements a searchable knowledge base that logs architectural decisions and repos
Executes a find-fix-verify loop on real devices or local environments to resolve bugs.
Remotion is a programmatic video framework that enables the creation of video content using component-based logic and standard web technologies. By leveraging a declarative animation engine, it allows developers to structure visual content as a hierarchy of reusable components, ensuring that animations and state updates remain consistent through deterministic frame execution. The framework distinguishes itself by utilizing a headless browser renderer that captures visual output frame-by-frame to generate high-quality video files. This architecture supports a cloud-native media pipeline, allow
Opens a development studio in the browser to interact with and test video compositions in real time.
Notable is a local-first markdown note-taking application designed for managing personal knowledge bases. It functions as a document management system that stores all notes and attachments as plain text files directly on the local disk, ensuring data ownership and compatibility with external file-system tools. The application prioritizes a keyboard-centric workflow, utilizing a command-palette-driven interface to facilitate rapid navigation and content manipulation. It provides a distraction-free writing environment that allows users to hide interface elements, helping to maintain focus while
Provides a live preview of formatted markdown output alongside the raw text editor for real-time verification.
Slint is a declarative user interface framework designed for building native graphical applications across desktop, mobile, and embedded platforms. It utilizes a specialized markup language to define reactive interface components, which are then compiled into optimized machine code to ensure high performance and minimal resource consumption. By separating visual structure from application logic, the framework enables developers to create consistent interfaces that run efficiently on hardware ranging from resource-constrained microcontrollers to high-end desktop systems. The framework distingu
Renders user interface changes in real-time during development to allow for rapid iteration without requiring a full project recompilation.
MkDocs is a static site generator designed specifically for creating project documentation. It functions as a command-line utility that transforms structured Markdown files into professional, searchable websites. By utilizing a centralized configuration file, it manages site metadata, navigation hierarchies, and build settings to ensure consistent output across documentation projects. The platform distinguishes itself through a highly extensible architecture that separates content from presentation. Users can apply visual themes to control the site's appearance, while a plugin-based build sys
Runs a local development server that automatically refreshes the browser for real-time feedback.
Dyad is a local, artificial intelligence-powered development environment designed to manage, edit, and scaffold full-stack software projects. It functions as an automated codebase manager and code editor that leverages language models to execute programming tasks, maintain project context, and apply targeted modifications directly to source files on a user's machine. The platform distinguishes itself through a model-agnostic architecture that allows for flexible integration with various language model runtimes. It provides specialized operational modes to optimize development speed and effici
Renders a functional version of the software project within the development environment to allow immediate testing and verification.
LiveKit is a comprehensive framework for building and orchestrating real-time, multimodal AI agents that interact with users through voice, video, and text. It provides a centralized, event-driven architecture to manage the entire lifecycle of automated participants, from initialization and session state management to graceful shutdown. By utilizing a selective forwarding unit, the platform efficiently routes media streams between participants and agents, ensuring low-latency communication and secure, token-based authentication for all connections. The platform distinguishes itself through it
Tests agent behavior in a live environment to refine prompts, models, and tool configurations before production deployment.
Bolt.diy is a browser-based integrated development environment designed for full-stack web application construction. It functions as an AI-powered development platform that automates project scaffolding, code generation, and application deployment directly within the browser. The platform distinguishes itself through a secure, isolated execution environment that runs development servers and package managers in a sandboxed container. It utilizes a provider-agnostic model abstraction, allowing users to connect multiple artificial intelligence services to power automated reasoning and code gener
Renders web projects in real-time within the development environment to visualize changes immediately.
This project is a framework for developing multimodal AI agents that function as programmable participants in real-time communication rooms. It enables the construction of agents that can see, hear, and speak by integrating speech-to-text, large language models, and text-to-speech pipelines to facilitate low-latency, natural conversations. The system is distinguished by its advanced orchestration of real-time media and conversational flow, including support for full-duplex speech, preemptive response generation, and sophisticated interruption management. It further differentiates itself throu
Includes an interactive environment to test and refine agent prompts and model selections in real time.
This is a visual form builder that generates Vue single-file components from a drag-and-drop canvas. It provides a complete workflow for designing forms visually, previewing them in real time, and exporting them as ready-to-use Vue code with validation rules already configured. The tool integrates a drag-and-drop canvas with a live preview pane, allowing you to see the generated form interactively as you build it. It includes an embedded code editor with hot reload, so changes to the generated code are reflected immediately in the preview. A VS Code extension bridge lets you open the designer
Provides an embedded iframe preview that shows the generated form interactively as you design.
Vue Form Making is a visual form designer for Vue.js that lets you build forms by dragging and dropping components onto a canvas, without writing code. It generates runnable Vue.js code and structured JSON from the visual design, enabling rapid form creation and reuse. The tool provides a complete form-building environment with component configuration, input validation with error messages, live preview, and JSON export for storage or sharing. It supports remote data integration to populate dropdowns and other fields from external APIs, and allows custom Vue components to be registered and use
Shows a live preview of the configured form to verify its appearance and behavior before deployment.
create-react-library ist ein Kommandozeilen-Generator und eine Entwicklungsumgebung für die Erstellung wiederverwendbarer React-Komponentenbibliotheken. Es erstellt die notwendige Projektstruktur und die Build-Pipelines, die erforderlich sind, um JavaScript-Module zu entwickeln, zu bündeln und in einer Registry zu veröffentlichen. Das Tool bietet eine Entwicklungsschleife, die das Quellverzeichnis der Bibliothek mit einer begleitenden Beispielanwendung verknüpft, was Echtzeit-Updates und Live-Vorschauen ermöglicht. Es enthält zudem eine Deployment-Pipeline, die Beispielanwendungen in Produktions-Builds für das Hosting als öffentliche Dokumentation transformiert. Das Build-System verwaltet das Multi-Format-Modul-Bundling für CommonJS- und ES-Module, einschließlich der Generierung von Sourcemaps. Es handhabt zudem das Peer-Dependency-Management, um sicherzustellen, dass geteilte Abhängigkeiten externalisiert und nicht in das finale Paket gebündelt werden.
Links a source directory to an example application to provide real-time visual feedback during development.