6 dépôts
Libraries that bridge core functionality with specific component-based UI frameworks.
Distinguishing note: Focuses on integration layers for UI frameworks rather than the UI components themselves.
Explore 6 awesome GitHub repositories matching user interface & experience · Framework Bindings. Refine with filters or upvote what's useful.
Ionic Framework is a cross-platform UI toolkit and hybrid app framework used to build native-quality mobile and progressive web applications using HTML, CSS, and JavaScript. It functions as a web component library that enables the deployment of a single codebase across iOS, Android, and the web. The framework features a platform-adaptive design system that automatically switches the visual style of components to match the design patterns of the host operating system. It utilizes a web-component-based architecture with CSS custom properties for global theming and specialized bindings to synchr
Provides specialized bindings for various JavaScript frameworks to coordinate component behavior and state.
PixiJS is a high-performance 2D rendering engine designed for building interactive visual content and browser-based games. It provides a hardware-accelerated graphics library that leverages WebGL and WebGPU backends to execute complex scenes, utilizing a hierarchical scene graph to manage object transformations and display order. The project distinguishes itself through a sophisticated architecture that decouples rendering logic from hardware APIs, allowing for consistent performance across diverse browser environments. It features a robust, asynchronous asset pipeline that handles loading, c
PixiJS manages graphics components as declarative elements within a component-based user interface framework using official bindings.
OnsenUI is a web component mobile UI framework and cross-platform UI library used to build hybrid mobile applications and progressive web apps. It provides a software development kit for creating applications with a web-based architecture using HTML5 and JavaScript. The framework automatically adapts the visual style of its interface elements based on the detected mobile device and operating system to maintain a native appearance. It includes binding packages that synchronize state and properties between its web components and frontend frameworks such as React, Vue.js, and Angular.
Provides integration layers that synchronize custom elements with React, Vue, and Angular.
Lingui is a JavaScript internationalization library that provides a framework-agnostic core with bindings for React, SolidJS, Svelte, Astro, and other JavaScript frameworks. It operates through a compile-time message extraction pipeline that scans source files for translatable strings, generates standard PO, JSON, or CSV catalog files, and compiles them into optimized JavaScript modules for production deployment. The library uses macro-based message definition to wrap translatable text in source code while preserving context for extraction, and includes a plural rule engine that automatically
Provides a universal internationalization core that integrates with React, SolidJS, Svelte, and other frameworks via thin bindings.
TinyBase est un magasin de données réactif et une base de données relationnelle en mémoire conçue pour la persistance de l'état côté client. Il sert de moteur de synchronisation local-first qui fusionne l'état distribué en utilisant des types de données répliqués sans conflit (CRDT) et des horloges logiques pour assurer une convergence déterministe des données. Le projet présente une bibliothèque de validation de schéma qui convertit les définitions externes provenant d'outils comme Zod, Yup et TypeBox en définitions de magasin typées. Il fournit une infrastructure pour l'édition collaborative en temps réel, utilisant la synchronisation avec Automerge, Yjs et PartyKit pour maintenir un état cohérent entre plusieurs clients et serveurs. La surface de capacité inclut la modélisation de données relationnelles avec des tables et des clés étrangères, des requêtes et indexations de type SQL, et des transactions atomiques pour les mutations groupées. Il prend en charge un large éventail d'adaptateurs de persistance, incluant le stockage navigateur, SQLite et Cloudflare Durable Objects. Le système fournit également une liaison d'état bidirectionnelle et des composants déclaratifs pour l'intégration avec React, SolidJS et Svelte.
Creates reactive objects that automatically update Svelte user interface elements when the store changes.
Melt UI est une bibliothèque d'interface utilisateur headless pour Svelte qui fournit une collection de constructeurs de composants accessibles et non stylisés. Il fonctionne comme un framework de composants accessibles et un outil de gestion d'état, offrant la logique et l'état nécessaires pour construire des éléments d'interface qui respectent les normes WAI-ARIA et prennent en charge la navigation au clavier sans imposer de styles visuels spécifiques. La bibliothèque dispose d'un moteur de positionnement d'éléments flottants qui gère le placement des popovers, tooltips et menus par rapport aux éléments déclencheurs. Ce système utilise des portails pour éviter le découpage de la mise en page et intègre une prévention automatique du débordement pour garantir que les éléments restent dans les limites de l'écran. L'ensemble d'outils couvre une large gamme de composants UI fonctionnels, y compris des éléments de formulaire comme les comboboxes et sliders, des modèles de navigation tels que les tree views et onglets, et des utilitaires d'overlay comme les modales de dialogue. Il fournit également des interfaces spécialisées pour la sélection de date et d'heure, ainsi que des composants de mise en page comme les accordéons et barres d'outils.
Implements a logic layer that coordinates values and synchronization between complex UI components and stores.