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
·

37 Repos

Awesome GitHub RepositoriesWeb-Based Native UI

Components that render native-like interface elements within a web browser environment.

Distinct from Native UI Component Libraries: Distinct from Native UI Component Libraries: focuses on providing native-like UI within a web context.

Explore 37 awesome GitHub repositories matching user interface & experience · Web-Based Native UI. Refine with filters or upvote what's useful.

Awesome Web-Based Native UI GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • ionic-team/ionic-frameworkAvatar von ionic-team

    ionic-team/ionic-framework

    52,539Auf GitHub ansehen↗

    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

    Renders mobile-optimized user interfaces from a unified codebase across different platforms.

    TypeScriptangularcapacitorframework
    Auf GitHub ansehen↗52,539
  • 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

    Ships a library of custom elements that render native-like interface components within a web browser environment.

    TypeScript
    Auf GitHub ansehen↗52,514
  • tencent/weuiAvatar von Tencent

    Tencent/weui

    27,376Auf GitHub ansehen↗

    WeUI is a mobile web UI library and design system consisting of CSS components and HTML templates. It is specifically designed to replicate the visual identity and interface of the WeChat messaging ecosystem, providing a standardized set of components to build responsive mobile web interfaces. The library functions as a stateless component system, utilizing a pure CSS architecture and HTML templates that rely on external JavaScript for interactivity. It employs a BEM-based class naming convention to manage component nesting and prevent style leakage across complex layouts. The framework incl

    Renders native-like interface elements using standard HTML and CSS within the web browser.

    HTMLmobile-webstylewechat
    Auf GitHub ansehen↗27,376
  • dabit3/react-native-elementsAvatar von dabit3

    dabit3/React-Native-Elements

    25,848Auf GitHub ansehen↗

    React-Native-Elements is a cross-platform mobile UI toolkit and component library designed for the React Native framework. It provides a system of pre-styled visual components to build consistent user interfaces across mobile and web platforms using a single shared codebase. The framework enables the development of applications that run across different operating systems and web browsers while maintaining a unified look and feel. It supports rapid UI prototyping and application design by providing reusable building blocks that reduce the need to create every custom component from scratch.

    Renders a unified codebase as native user interfaces across both mobile and web platforms.

    MDX
    Auf GitHub ansehen↗25,848
  • geekyants/nativebaseAvatar von GeekyAnts

    GeekyAnts/NativeBase

    20,389Auf GitHub ansehen↗

    NativeBase is a comprehensive toolkit of accessible components and responsive design frameworks used to build consistent mobile and web applications. It provides a cross-platform UI component library and a React Native component framework that enable the creation of layouts across Android, iOS, and the web from a single codebase. The system is distinguished by a responsive design system that automatically adjusts layouts and global themes to fit different screen sizes and color modes. It utilizes a utility-based styling approach, allowing developers to apply visual styles directly through com

    Renders native user interfaces from a unified codebase across mobile and web platforms.

    TypeScript
    Auf GitHub ansehen↗20,389
  • framework7io/framework7Avatar von framework7io

    framework7io/framework7

    18,673Auf GitHub ansehen↗

    Framework7 is a mobile user interface framework and single-page application system designed to build responsive web applications with native iOS and Android appearances. It provides a comprehensive library of pre-styled components and a layout engine to create native-style user interfaces across multiple platforms. The framework utilizes a platform-aware theming system that adapts visual styles and color schemes based on detected device settings. It incorporates native mobile behaviors through a dedicated UI kit, including specialized interaction patterns such as pull-to-refresh and swipeable

    Ships a UI kit with interactive elements like pickers and sliders that mimic native mobile behaviors within the web.

    JavaScriptandroidcomponentscordova
    Auf GitHub ansehen↗18,673
  • oblador/react-native-vector-iconsAvatar von oblador

    oblador/react-native-vector-icons

    17,882Auf GitHub ansehen↗

    This project is a cross-platform mobile icon library and renderer that provides scalable vector icon components for mobile and web applications. It functions as a vector font integration tool, utilizing a rendering layer that maps vector fonts to mobile components and web CSS to ensure consistent iconography across different platforms. The library includes a configuration-driven pipeline to convert SVG files and CSS stylesheets into usable icon font packages. It supports the integration of proprietary font files and glyph maps, allowing for the use of brand-specific iconography through custom

    Implements a rendering layer that maps vector fonts to mobile components and web CSS for consistent iconography.

    TypeScripticonicon-packreact-native
    Auf GitHub ansehen↗17,882
  • snapchat/valdiAvatar von Snapchat

    Snapchat/Valdi

    16,380Auf GitHub ansehen↗

    Valdi is a cross-platform native UI framework that compiles declarative TypeScript code into native platform views. It functions as a declarative UI engine and multi-platform frontend toolchain designed to achieve high performance by avoiding web views. The framework features a native bridge binding tool that generates type-safe bindings between TypeScript and native languages, allowing direct access to platform APIs. It supports a hot-reload development workflow, enabling real-time updates to the user interface across platforms without requiring full project recompilation. The system includ

    Renders native user interfaces from a single TypeScript codebase across multiple platforms.

    C++androidcross-platformios
    Auf GitHub ansehen↗16,380
  • ionic-team/capacitorAvatar von ionic-team

    ionic-team/capacitor

    15,054Auf GitHub ansehen↗

    Capacitor is a cross-platform mobile framework that enables developers to build native applications using web technologies. It functions as a hybrid app container, wrapping web assets within a native runtime that provides a standardized bridge to device hardware and system-level services. By exposing native functionality through a plugin-based architecture, it allows web applications to access platform-specific features while maintaining a consistent interface across mobile and desktop environments. The project distinguishes itself by maintaining native project files as source assets, allowin

    Renders platform-specific interface components within a web browser for consistent functionality.

    TypeScriptandroidcapacitorcordova
    Auf GitHub ansehen↗15,054
  • dcloudio/muiAvatar von dcloudio

    dcloudio/mui

    13,474Auf GitHub ansehen↗

    mui is a mobile UI component framework and native-like web UI kit designed for building high-performance mobile web interfaces. It functions as a mobile web performance framework and gesture-based interface library to eliminate browser lag and mimic the behaviors and animations of native mobile applications. The framework focuses on implementing common mobile UX patterns, including pull-to-refresh functionality, swipe-to-action menus, and sliding side navigation. It provides specialized tools for gesture-driven interface development to ensure an immediate visual response to touch interactions

    Ships a collection of components that render native-like interface elements within a web browser environment.

    JavaScriptandroidcssdcloud
    Auf GitHub ansehen↗13,474
  • bitwarden/clientsAvatar von bitwarden

    bitwarden/clients

    13,114Auf GitHub ansehen↗

    This project is a comprehensive zero-knowledge security suite designed for enterprise credential management, secrets orchestration, and password management. It provides a secure, end-to-end encrypted vault that allows users to store, synchronize, and manage sensitive information, including passwords, passkeys, and infrastructure secrets, across desktop, mobile, and browser environments. The platform distinguishes itself through a strict zero-knowledge architecture where all encryption and decryption occur locally on the client, ensuring that plaintext data remains inaccessible to the server.

    Uses shared core logic with platform-specific interfaces to provide consistent user experiences across desktop, mobile, and browser.

    TypeScriptangularbitwardenbrowser-extension
    Auf GitHub ansehen↗13,114
  • reactjs/react.devAvatar von reactjs

    reactjs/react.dev

    11,765Auf GitHub ansehen↗

    React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme

    Enables the construction of cross-platform interfaces that share logic across different environments.

    JavaScriptdocumentationjavascriptreact
    Auf GitHub ansehen↗11,765
  • formidablelabs/victoryAvatar von FormidableLabs

    FormidableLabs/victory

    11,242Auf GitHub ansehen↗

    Victory is a React data visualization library and composable visualization toolkit used to build interactive charts and graphs. It functions as an SVG charting framework that renders scalable data visualizations designed to maintain consistency across different web browsers and operating systems. The project provides a collection of reusable UI primitives that combine to form complex interactive data layouts. This component-based approach allows for the construction of sophisticated graphs by composing modular visualization elements within React applications.

    Ensures a consistent visual appearance of data representations across various web browsers and operating systems.

    TypeScriptchartsd3data-visualization
    Auf GitHub ansehen↗11,242
  • jdan/98.cssAvatar von jdan

    jdan/98.css

    11,110Auf GitHub ansehen↗

    98.css is a CSS retro UI framework and component library designed to recreate the visual aesthetic of legacy desktop operating systems. It serves as a retro design system and web UI emulator, providing a collection of styles to build faithful reproductions of vintage user interfaces. The framework employs a CSS-only component architecture to emulate classic software environments. It uses border-shadow emulation and state-based visual transitions to simulate physical button presses and three-dimensional panels without requiring external JavaScript logic. The library covers a wide range of int

    Provides components that render native-like legacy desktop interface elements within a web browser.

    CSS
    Auf GitHub ansehen↗11,110
  • unoplatform/unoAvatar von unoplatform

    unoplatform/uno

    9,974Auf GitHub ansehen↗

    Uno is a cross-platform development framework used to build native mobile, web, desktop, and embedded applications from a single C# and XAML codebase. It provides a native UI framework that renders visual elements across different operating systems using shared layout and styling rules. The platform features a hot reload development environment that allows for the modification of code and layouts in a running application without restarting the process. It supports a dual-mode rendering system, offering a choice between a shared cross-platform canvas and native platform controls. The framewor

    Implements a dual-mode rendering system that switches between a shared canvas and native platform controls.

    C#
    Auf GitHub ansehen↗9,974
  • dotnet/blazorAvatar von dotnet

    dotnet/blazor

    9,276Auf GitHub ansehen↗

    Blazor is a .NET framework for building interactive web user interfaces using C# instead of JavaScript. It provides a component-based UI composition model where reusable, self-contained UI elements are built with C# logic and Razor markup, supporting nesting, parameters, and lifecycle events. The framework offers two primary rendering models: a client-side runtime that compiles C# to WebAssembly and executes directly in the browser, and a server-side model that renders UI on the server and sends incremental DOM updates over a persistent SignalR connection. A central capability of Blazor is it

    Embeds Blazor components inside native desktop or mobile apps using an embedded web view control with a local interop channel.

    PowerShell
    Auf GitHub ansehen↗9,276
  • onsenui/onsenuiAvatar von OnsenUI

    OnsenUI/OnsenUI

    8,866Auf GitHub ansehen↗

    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 reusable web components that render native-like interface elements across browsers.

    JavaScript
    Auf GitHub ansehen↗8,866
  • facebookarchive/react-360Avatar von facebookarchive

    facebookarchive/react-360

    8,706Auf GitHub ansehen↗

    React 360 is a framework for building immersive virtual reality experiences that run in a web browser using a declarative React component model. It functions as a browser-based VR platform and a WebGL VR renderer, enabling developers to create 360-degree panoramic and stereoscopic content without requiring native code installation. The framework provides a declarative VR component library that describes VR scenes as nested React components, with props mapping to 3D objects, lights, and camera positions. It handles user input from VR controllers, gaze tracking, and mouse events through a unifi

    Renders VR content through WebGL and WebVR APIs so experiences work on multiple hardware platforms without native code.

    JavaScript
    Auf GitHub ansehen↗8,706
  • 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

    Provides a unified set of SVG props normalized across native and web rendering targets.

    TypeScript
    Auf GitHub ansehen↗7,988
  • microsoft/botframework-sdkAvatar von microsoft

    microsoft/botframework-sdk

    7,803Auf GitHub ansehen↗

    This project is a conversational AI software development kit and framework used to build interactive chatbots that engage in natural language conversations and execute tasks for end users. It provides a multi-channel bot framework that connects conversational agents to various external messaging services using standardized adapters. The SDK includes a conversational workflow orchestrator and a natural language processing toolkit for analyzing user intent and extracting entities to route conversation flows. It further incorporates a speech integration framework that enables bidirectional audio

    Renders native user interfaces across diverse messaging platforms from a unified JSON codebase.

    JavaScriptazure-bot-servicebotbot-builder
    Auf GitHub ansehen↗7,803
Vorherige12Nächste
  1. Home
  2. User Interface & Experience
  3. Native UI Component Libraries
  4. Web-Based Native UI

Unter-Tags erkunden

  • Cross-Platform RenderingFrameworks that render native user interfaces from a unified codebase across mobile and web platforms. **Distinct from Web-Based Native UI:** Distinct from Web-Based Native UI: focuses on the cross-platform rendering architecture rather than just web-based native-like elements.
  • Embedded Web View Hosts1 Sub-TagMechanisms for embedding web-based UI components inside native desktop or mobile applications using a local interop channel. **Distinct from Web-Based Native UI:** Distinct from Web-Based Native UI: focuses on the embedding mechanism and local interop channel rather than rendering native-like elements within a web browser.