awesome-repositories.com
Blog
awesome-repositories.com

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

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

pmndrs/leva

0
View on GitHub↗
5,981 Stars·225 Forks·TypeScript·MIT·7 Aufrufeleva.pmnd.rs↗

Leva

Leva ist ein React-GUI-Kontrollpanel und Echtzeit-Parameter-Editor, der verwendet wird, um den Anwendungsstatus und Variablen zu überwachen und anzupassen, ohne den Code zu ändern oder die Seite neu zu laden. Es fungiert als dynamischer Status-Debugger und erweiterbare Eingabebibliothek, die eine visuelle Schnittstelle für das Feintuning numerischer, boolescher und Textwerte innerhalb einer laufenden Webanwendung bietet.

Das Projekt zeichnet sich durch ein Plugin-System aus, das die Erstellung benutzerdefinierter Eingabekomponenten und spezialisierter Verhaltensweisen zur Unterstützung einzigartiger Datentypen ermöglicht. Es nutzt Typinferenz, um Daten automatisch dem passenden visuellen Widget zuzuordnen, wobei dieses Mapping überschrieben werden kann, um spezifische Eingabetypen zu erzwingen.

Die Schnittstelle unterstützt diverse Eingabekategorien, einschließlich numerischer Bereiche, Vektoren, Farbwähler und Medien-Upload-Felder. Steuerelemente können in hierarchischen Ordnern organisiert, basierend auf anderen Werten bedingt angezeigt und mit externen Datenspeichern synchronisiert werden. Das System überwacht zudem den Bearbeitungslebenszyklus und ermöglicht Callbacks, wenn Benutzer Interaktionen starten oder beenden, um die Performance für rechenintensive Operationen zu optimieren.

Features

  • Interactive Control Panels - Provides a fully interactive control panel for real-time parameter tuning and application state monitoring.
  • Plugin-Based Input Extensions - Ships a diverse collection of input widgets and a plugin system for creating custom data controls.
  • Custom Debug Panels - Provides custom debug panels for testing value ranges and configurations during the development process.
  • Dynamic UI Debuggers - Acts as a runtime utility for inspecting and modifying user interface parameters and application state in real time.
  • Real-Time Application Prototyping - Enables rapid iteration of UI behaviors by linking live controls to internal application logic and state.
  • Real-Time Variable Controllers - Implements a graphical interface for the real-time manipulation of application variables during development.
  • Object State Syncing - Synchronizes interface values from external sources and reads current states to maintain consistency with application logic.
  • Creative Coding Frameworks - Facilitates the management of complex numerical and color parameters typical in creative coding and interactive graphics.
  • Plugin Extenders - Supports extending the core application functionality by loading custom input types and behaviors via a plugin system.
  • Dynamic UI Generators - Dynamically generates the control interface based on a configuration object defining input types and constraints.
  • Global State Stores - Uses a centralized data store to synchronize external application variables with the internal UI state.
  • Custom Data Input Components - Provides a plugin system for developing specialized visual widgets to handle unique data types.
  • Custom Component Extensions - Enables developers to integrate custom React components as specialized input widgets within the control panel.
  • Custom Input Overrides - Provides the ability to replace default input components with custom plugin implementations for unique data types.
  • Real-Time Data Editors - Provides a real-time data editor that allows users to modify application variables and see results immediately reflected.
  • Type-Inferred Widget Mapping - Automatically maps data types to the most appropriate visual widget, such as sliders for numbers or checkboxes for booleans.
  • Value Change Triggers - Triggers custom callbacks when values are modified or when users start and end editing interactions.
  • State Lifecycle Callbacks - Triggers callbacks when a user starts and finishes interacting with a control to optimize performance for expensive operations.
  • Interaction Lifecycle Interception - Allows optimization of expensive operations by tracking when a user starts and finishes interacting with a control.
  • Controller-Initiated State Updates - Allows updating the control panel's state programmatically via getter and setter methods from external application logic.
  • Reactive Input Schema Updates - Updates available controls and their schema automatically when external variables or application state change.
  • Conditional Input Logic - Provides dynamic form behaviors that show or hide specific input fields based on the current state of other controls.
  • Media and Color Inputs - Ships integrated color pickers with multiple format support and image upload fields that return data URLs.
  • Numeric Inputs - Provides specialized numerical inputs including sliders and joystick controls for adjusting single values, ranges, and vectors.
  • Multi-Store Panel Instances - Supports generating separate visual interfaces tied to distinct data stores to organize variables into different groups.
  • Text Input Fields - Includes various text and choice inputs such as text areas, boolean toggles, and labeled dropdown menus.
  • Input Change Observers - Allows executing custom logic on input changes to update targets imperatively without triggering full component rerenders.
  • User Interface - React-first components GUI.

Star-Verlauf

Star-Verlauf für pmndrs/levaStar-Verlauf für pmndrs/leva

KI-Suche

Entdecke weitere awesome Repositories

Beschreibe in einfachen Worten, was du brauchst — die KI bewertet tausende kuratierte Open-Source-Projekte nach Relevanz.

Start searching with AI

Open-Source-Alternativen zu Leva

Ähnliche Open-Source-Projekte, sortiert nach der Anzahl der gemeinsamen Funktionen mit Leva.
  • cocopon/tweakpaneAvatar von cocopon

    cocopon/tweakpane

    4,529Auf GitHub ansehen↗

    Tweakpane is a web GUI control panel and JavaScript parameter debugger used for inspecting frontend state and monitoring real-time variable changes. It provides a graphical interface for adjusting application parameters and tracking values as they change during program execution. The project allows for the creation of interactive inputs and read-only value monitors that bind directly to data variables. It organizes these controls through a hierarchical layout of folders and tabs and supports the serialization of control panel configurations and parameter states into JSON files for persistence

    TypeScript
    Auf GitHub ansehen↗4,529
  • dataarts/dat.guiAvatar von dataarts

    dataarts/dat.gui

    7,723Auf GitHub ansehen↗

    dat.gui is a JavaScript GUI controller library that provides a lightweight interface for manipulating variables in real-time through a visual control panel. It functions as a real-time variable debugger and graphical overlay for monitoring and adjusting object properties during application runtime. The library features a collapsible control panel that organizes complex sets of variable inputs into folders. It includes a state management system capable of exporting and importing the current configuration of active controllers as JSON objects. The tool supports object-property binding and dyna

    JavaScript
    Auf GitHub ansehen↗7,723
  • jdorn/json-editorAvatar von jdorn

    jdorn/json-editor

    5,826Auf GitHub ansehen↗

    json-editor is a schema-driven UI generator and web-based editor that automatically creates interactive HTML forms from JSON Schema definitions. It functions as a tool for collecting, modifying, and validating structured data by mapping schema specifications to corresponding input components. The project distinguishes itself through a plug-in input architecture and resolver-based component mapping, which allow for the injection of third-party editors and custom input interfaces for specialized data types such as markdown, colors, and syntax-highlighted code. It also supports external schema r

    JavaScript
    Auf GitHub ansehen↗5,826
  • goadmingroup/go-adminAvatar von GoAdminGroup

    GoAdminGroup/go-admin

    8,981Auf GitHub ansehen↗

    go-admin is a framework for generating administrative interfaces and data visualization dashboards using the Go programming language. It functions as a low-code dashboard builder and a web-based interface for performing create, read, update, and delete operations across multiple SQL database dialects. The project features a deployment model that compiles backend logic and frontend assets into a single executable binary for simplified distribution. It includes a role-based access control system to manage user permissions and restrict administrative functions based on assigned roles. The frame

    Goadminadminltebeego
    Auf GitHub ansehen↗8,981
Alle 30 Alternativen zu Leva anzeigen→

Häufig gestellte Fragen

Was macht pmndrs/leva?

Leva ist ein React-GUI-Kontrollpanel und Echtzeit-Parameter-Editor, der verwendet wird, um den Anwendungsstatus und Variablen zu überwachen und anzupassen, ohne den Code zu ändern oder die Seite neu zu laden. Es fungiert als dynamischer Status-Debugger und erweiterbare Eingabebibliothek, die eine visuelle Schnittstelle für das Feintuning numerischer, boolescher und Textwerte innerhalb einer laufenden Webanwendung bietet.

Was sind die Hauptfunktionen von pmndrs/leva?

Die Hauptfunktionen von pmndrs/leva sind: Interactive Control Panels, Plugin-Based Input Extensions, Custom Debug Panels, Dynamic UI Debuggers, Real-Time Application Prototyping, Real-Time Variable Controllers, Object State Syncing, Creative Coding Frameworks.

Welche Open-Source-Alternativen gibt es zu pmndrs/leva?

Open-Source-Alternativen zu pmndrs/leva sind unter anderem: cocopon/tweakpane — Tweakpane is a web GUI control panel and JavaScript parameter debugger used for inspecting frontend state and… dataarts/dat.gui — dat.gui is a JavaScript GUI controller library that provides a lightweight interface for manipulating variables in… jdorn/json-editor — json-editor is a schema-driven UI generator and web-based editor that automatically creates interactive HTML forms… goadmingroup/go-admin — go-admin is a framework for generating administrative interfaces and data visualization dashboards using the Go… s-yadav/react-number-format — This library provides a set of tools for formatting numeric values and masking user input within React components. It… json-editor/json-editor — JSON Editor is a schema-driven UI framework and web-based editor used to generate interactive forms and validate JSON…