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
·

9 Repos

Awesome GitHub RepositoriesPlatform Component Mapping

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.

Awesome Platform Component Mapping GitHub Repositories

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

    driftyco/ionic

    52,514Auf GitHub ansehen↗

    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.

    TypeScript
    Auf GitHub ansehen↗52,514
  • flutter/samplesAvatar von flutter

    flutter/samples

    19,172Auf GitHub ansehen↗

    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.

    Dart
    Auf GitHub ansehen↗19,172
  • ionic-team/ioniconsAvatar von ionic-team

    ionic-team/ionicons

    18,094Auf GitHub ansehen↗

    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.

    TypeScripticon-packiconsiconset
    Auf GitHub ansehen↗18,094
  • snackui/snackuiAvatar von snackui

    snackui/snackui

    14,040Auf GitHub ansehen↗

    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.

    TypeScript
    Auf GitHub ansehen↗14,040
  • adobe-fonts/source-han-serifAvatar von adobe-fonts

    adobe-fonts/source-han-serif

    9,292Auf GitHub ansehen↗

    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.

    Shellcffcff2cjk
    Auf GitHub ansehen↗9,292
  • microsoft/reactxpAvatar von microsoft

    microsoft/reactxp

    8,257Auf GitHub ansehen↗

    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.

    TypeScript
    Auf GitHub ansehen↗8,257
  • magicismight/react-native-svgAvatar von magicismight

    magicismight/react-native-svg

    7,988Auf GitHub ansehen↗

    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.

    TypeScript
    Auf GitHub ansehen↗7,988
  • react-native-webview/react-native-webviewAvatar von react-native-webview

    react-native-webview/react-native-webview

    7,169Auf GitHub ansehen↗

    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.

    TypeScript
    Auf GitHub ansehen↗7,169
  • wechat-miniprogram/kboneAvatar von wechat-miniprogram

    wechat-miniprogram/kbone

    4,914Auf GitHub ansehen↗

    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.

    JavaScript
    Auf GitHub ansehen↗4,914
  1. Home
  2. Web Development
  3. Cross-Platform Styling
  4. Platform-Specific Styling
  5. Platform Component Mapping

Unter-Tags erkunden

  • Icon Variant Mapping1 Sub-TagSystems that automatically switch between different versions of an icon based on the platform. **Distinct from Platform Component Mapping:** Focuses specifically on swapping icon visuals for OS-native looks rather than general component logic