awesome-repositories.com
Blog
MCP
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektMCP-ServerÜber unsRanking-MethodikPresse
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

12 Repos

Awesome GitHub RepositoriesLive Preview Tools

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.

Awesome Live Preview Tools GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • garrytan/gstackAvatar von garrytan

    garrytan/gstack

    110,596Auf GitHub ansehen↗

    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.

    TypeScript
    Auf GitHub ansehen↗110,596
  • remotion-dev/remotionAvatar von remotion-dev

    remotion-dev/remotion

    50,931Auf GitHub ansehen↗

    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.

    TypeScriptjavascriptreactvideo
    Auf GitHub ansehen↗50,931
  • notable/notableAvatar von notable

    notable/notable

    23,516Auf GitHub ansehen↗

    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.

    cross-platformelectronlinux
    Auf GitHub ansehen↗23,516
  • slint-ui/slintAvatar von slint-ui

    slint-ui/slint

    22,987Auf GitHub ansehen↗

    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.

    Rustcppdeclarative-uidesktop
    Auf GitHub ansehen↗22,987
  • mkdocs/mkdocsAvatar von mkdocs

    mkdocs/mkdocs

    22,177Auf GitHub ansehen↗

    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.

    Pythondocumentationmarkdownmkdocs
    Auf GitHub ansehen↗22,177
  • dyad-sh/dyadAvatar von dyad-sh

    dyad-sh/dyad

    19,648Auf GitHub ansehen↗

    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.

    TypeScriptai-app-builderanthropicartificial-intelligence
    Auf GitHub ansehen↗19,648
  • livekit/livekitAvatar von livekit

    livekit/livekit

    19,358Auf GitHub ansehen↗

    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.

    Gogolangmedia-serversfu
    Auf GitHub ansehen↗19,358
  • stackblitz-labs/bolt.diyAvatar von stackblitz-labs

    stackblitz-labs/bolt.diy

    19,005Auf GitHub ansehen↗

    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.

    TypeScript
    Auf GitHub ansehen↗19,005
  • livekit/agentsAvatar von livekit

    livekit/agents

    9,379Auf GitHub ansehen↗

    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.

    Pythonagentsaiopenai
    Auf GitHub ansehen↗9,379
  • jakhuang/form-generatorAvatar von JakHuang

    JakHuang/form-generator

    9,330Auf GitHub ansehen↗

    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.

    Vueelement-uiform-designermonaco-editor
    Auf GitHub ansehen↗9,330
  • gavinzhulei/vue-form-makingAvatar von GavinZhuLei

    GavinZhuLei/vue-form-making

    5,572Auf GitHub ansehen↗

    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.

    Vue
    Auf GitHub ansehen↗5,572
  • transitive-bullshit/create-react-libraryAvatar von transitive-bullshit

    transitive-bullshit/create-react-library

    4,758Auf GitHub ansehen↗

    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.

    JavaScriptbabelclicomponent
    Auf GitHub ansehen↗4,758
  1. Home
  2. Development Tools & Productivity
  3. Live Preview Tools

Unter-Tags erkunden

  • Form PreviewersEmbedded iframe previews that show the generated form interactively as you design. **Distinct from Live Preview Tools:** Distinct from Live Preview Tools: specifically previews generated forms, not general code changes.
  • Live Environment QAVerification and bug-fixing loops performed on real physical devices or local runtime environments. **Distinct from Live Iteration Environments:** Focuses on the QA verification loop on real hardware/environments rather than iterative prompt/behavior tuning.
  • Live Iteration EnvironmentsInteractive environments for testing and refining agent behavior in real-time. **Distinct from Live Preview Tools:** Focuses on the live testing and refinement of agent prompts and tools, distinct from general visual preview tools.