9 Repos
Systems that swap visual component representations based on the target platform while preserving logic.
Distinct from Platform-Specific Styling: Distinct from Platform-Specific Styling: swaps the entire component representation rather than just applying CSS overrides.
Explore 9 awesome GitHub repositories matching web development · Platform Component Mapping. Refine with filters or upvote what's useful.
Ionic is a cross-platform mobile UI toolkit and hybrid app development framework. It provides a library of web components for building native-quality iOS, Android, and Progressive Web Apps using HTML, CSS, and JavaScript from a single codebase. The project utilizes a web component UI library to ensure consistent mobile interface behaviors. It employs a framework-agnostic wrapper to integrate these custom elements with JavaScript libraries such as React, Vue, and Angular. The toolkit covers hybrid mobile UI design and cross-platform app development. It includes an adaptive styling system that
Automatically swaps visual representations of elements between iOS and Android styles while maintaining the same underlying logic.
This is a comprehensive library of code examples and reference implementations for building cross-platform user interfaces with Flutter. The project provides a collection of demo applications and guides designed to illustrate the implementation of design patterns, animation techniques, and testing workflows. The repository features specific demonstrations for native integration, including examples of embedding modules into existing native applications, using platform channels, and bridging native code with the framework. It also serves as an animation reference, providing implementations for
Implements systems that swap visual component representations at runtime to match the host operating system's design language.
Ionicons is a library of hand-crafted scalable vector icons and an interface design asset pack used to build consistent user interfaces across web and mobile applications. It provides a collection of vector graphics designed for design system implementation and web component icon systems. The library includes a cross-platform icon set that automatically adapts its style based on the user's operating system to maintain a native look and feel. It also supports the integration of custom SVG assets through remote URL resolution to extend the available set of visuals. The system covers SVG asset
Automatically swaps icon variants based on the detected operating system to maintain a native look and feel.
SnackUI is a cross-platform UI framework and universal component library designed to share styling and components between React and React Native. It functions as a CSS-in-JS compiler that ensures visual parity across web and mobile environments. The framework utilizes a build-time tool to convert styles into atomic CSS or hoisted objects. This process optimizes runtime performance and loading speeds by extracting styles during the compilation phase. The system provides a set of adaptable interface elements and a mapping layer that renders a single component definition into platform-specific
Renders a single component definition into platform-specific native or web elements using a shared mapping layer.
Source Han Serif is a standardized Pan-CJK serif typeface family provided as an OpenType font collection. It provides unified glyphs for Chinese, Japanese, and Korean scripts, following regional orthographic rules to ensure consistent rendering across different language tags. The project implements a multi-weight visual hierarchy, offering a spectrum of stroke thicknesses ranging from ExtraLight to Heavy. It includes regional glyph variations that adjust the visual appearance of ideographs to match the specific orthographic standards of different East Asian languages. The repository covers t
Maps language tags to unique glyph versions to ensure correct orthographic representation for different CJK regions.
ReactXP is a framework for building cross-platform mobile and web applications from a single codebase using React. It provides a declarative interface that maps to different native implementation sets depending on the target environment. The project enables consistent visual experiences across operating systems through a flexbox-based layout engine, a virtual stack for navigation management, and a unified native-bridge API for accessing system services. It distinguishes itself with specialized capabilities for declarative animation orchestration, platform-specific logic resolution, and an aut
Maps a single declarative interface to native implementations for web and mobile targets.
react-native-svg is a cross-platform vector graphics engine and rendering library designed for mobile and web applications. It functions as an SVG to component converter, transforming standard vector markup into renderable components using a compatible component-based architecture. The library enables the rendering of scalable vector graphics across diverse platforms using a single set of components. It ensures visual consistency between web and mobile environments by sharing graphics and providing a unified API. The system covers the creation of custom icons and complex shapes through compo
Maps standard SVG elements to native drawing primitives on mobile or DOM elements on the web.
This project is a cross-platform mobile web view component and native browser wrapper used to embed and display web content within mobile applications. It functions as a communication layer that allows JavaScript in a web page to exchange data with native mobile code. The component enables in-app web browsing and the integration of external websites or custom HTML pages. It provides a programmable interface for customizing how web content is rendered and interacted with inside a native application.
Maps a single cross-platform component to different native classes for Android and iOS at runtime.
kbone ist ein isomorphes Frontend-Framework und ein Web-zu-Mini-Programm-Adapter. Es dient als plattformübergreifende UI-Brücke und DOM-Simulationsbibliothek, die es Webanwendungen ermöglicht, innerhalb von WeChat Mini Programs zu laufen, indem eine Browserumgebung für JavaScript-Code simuliert wird. Das Projekt ermöglicht die Migration von Web-UI-Frameworks in eingeschränkte Umgebungen durch die Bereitstellung simulierter Browserschnittstellen und APIs. Es übersetzt Standard-Webkomponenten und Routing in native Mini-Programm-Elemente und Seitenübergänge, wodurch eine einzige Codebasis sowohl als Standard-Website als auch als Mini-Programm fungieren kann. Das Framework deckt ein breites Spektrum an Fähigkeiten ab, einschließlich isomorphen Routings, Browser-API-Polyfilling und plattformspezifischem Komponenten-Mapping. Es handhabt zudem native Integrationen wie Subpackage-Konfiguration, Tab-Bar-Navigation und Social Sharing. Kommandozeilen-Tools stehen zur Verfügung, um isomorphe Projekte zu booten und die initiale Entwicklungsumgebung zu standardisieren.
Translates standard HTML tags and custom web components into their corresponding native UI equivalents.