awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

36 个仓库

Awesome GitHub RepositoriesResponsive Web Interfaces

Web-based user interfaces designed to adapt seamlessly across different device form factors.

Distinguishing note: Focuses on the responsive nature of the web interface for media management.

Explore 36 awesome GitHub repositories matching user interface & experience · Responsive Web Interfaces. Refine with filters or upvote what's useful.

Awesome Responsive Web Interfaces GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • ionic-team/ionic-frameworkionic-team 的头像

    ionic-team/ionic-framework

    52,539在 GitHub 上查看↗

    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 responsive layouts and adaptive components for a consistent experience across mobile and desktop screens.

    TypeScriptangularcapacitorframework
    在 GitHub 上查看↗52,539
  • photoprism/photoprismphotoprism 的头像

    photoprism/photoprism

    39,816在 GitHub 上查看↗

    PhotoPrism is a self-hosted digital asset management platform designed to organize, classify, and manage large collections of photos and videos on personal infrastructure. It functions as a private alternative to cloud-based services, ensuring that all media remains under the user's control. The platform utilizes neural-network-based media analysis to automatically detect objects, faces, and locations, providing a comprehensive, AI-powered approach to library organization. The project distinguishes itself through its containerized architecture, which simplifies deployment and lifecycle manage

    Provides a responsive web interface that functions like a native application on any device to organize and view photo and video collections.

    Goaigolanggoogle-photos
    在 GitHub 上查看↗39,816
  • google/material-design-litegoogle 的头像

    google/material-design-lite

    32,181在 GitHub 上查看↗

    Material Design Lite is a Material Design UI library and CSS design system. It serves as a front-end component framework providing a collection of HTML, CSS, and JavaScript components that implement the Material Design visual language for web applications. The project enables the implementation of Material Design components and a standardized design language to maintain a consistent look and feel across user interfaces. It supports frontend UI development and responsive web styling through pre-built components. The library facilitates rapid web prototyping by providing pre-styled components

    Creates web interfaces that adapt seamlessly across different device form factors using Material Design principles.

    HTMLmaterialmaterial-componentsmaterial-design
    在 GitHub 上查看↗32,181
  • greensock/greensock-jsgreensock 的头像

    greensock/GreenSock-JS

    25,916在 GitHub 上查看↗

    GreenSock-JS is a JavaScript animation library and framework designed for animating CSS properties, SVG attributes, and JavaScript values. It functions as a scroll-driven animation engine and a sequencing system for coordinating multiple animations into a single timeline for precise execution across web browsers. The project provides tools for creating interactive scroll effects by linking animation progress to a user's scroll position. It also includes a responsive animation framework that adjusts behaviors and timing based on media queries to maintain consistency across different device scr

    Adjusts animation behaviors and timing based on media queries to ensure consistency across different device sizes.

    JavaScript
    在 GitHub 上查看↗25,916
  • arendst/tasmotaarendst 的头像

    arendst/Tasmota

    24,502在 GitHub 上查看↗

    Tasmota is a universal firmware platform for ESP8266 and ESP32 microcontrollers, designed to provide local control and management of smart home hardware. It functions as an event-driven automation controller that replaces proprietary factory firmware, allowing users to manage relays, sensors, and lighting systems without relying on external cloud services. The system is built on a modular driver architecture that enables dynamic hardware configuration and peripheral support through a web-based management interface. The platform distinguishes itself through a template-driven hardware mapping s

    Generates interactive dashboard elements automatically based on discovered hardware devices.

    Carduinoautomationesp32
    在 GitHub 上查看↗24,502
  • react-bootstrap/react-bootstrapreact-bootstrap 的头像

    react-bootstrap/react-bootstrap

    22,608在 GitHub 上查看↗

    React Bootstrap is a frontend component framework and responsive UI kit that translates the Bootstrap CSS framework into a React-based component architecture. It provides a collection of reusable, pre-styled interface elements and grid systems designed for consistent, responsive web development. The library distinguishes itself by wrapping raw HTML markup in React components to manage accessibility and stateful behaviors. It utilizes a centralized theme provider to propagate global configuration and breakpoints, while employing portal-based rendering for overlays to prevent clipping issues.

    Ensures website layouts automatically adjust appearance and element arrangement based on screen size.

    TypeScriptbootstraphacktoberfestjavascript
    在 GitHub 上查看↗22,608
  • voltagent/awesome-claude-code-subagentsVoltAgent 的头像

    VoltAgent/awesome-claude-code-subagents

    21,906在 GitHub 上查看↗

    This project provides a framework for managing multi-agent systems, designed to automate complex software development, infrastructure, and business workflows. It functions as a multi-agent workflow orchestrator that routes tasks to domain-specific workers while maintaining state persistence and infrastructure automation. By leveraging large language models, the system decomposes high-level objectives into actionable plans, ensuring that complex operations are executed with consistency and reliability. The framework distinguishes itself through its hierarchical agent registry and policy-driven

    Constructs responsive and accessible web interfaces using modern component architectures.

    Shellai-agent-frameworkai-agent-toolsai-agents
    在 GitHub 上查看↗21,906
  • tabler/tabler-iconstabler 的头像

    tabler/tabler-icons

    20,202在 GitHub 上查看↗

    Tabler Icons is a library of scalable vector graphics designed for consistent visual representation across web interfaces and digital applications. It functions as a comprehensive suite of customizable graphical symbols and pre-built visual elements that adapt to various screen sizes to support interface development. The library utilizes path-based vector rendering, allowing icons to scale infinitely without loss of quality by being rasterized directly by the browser engine. Each asset is constructed on a normalized coordinate grid to ensure consistent proportions, and the icons are designed

    Enables the construction of modern web applications using components that automatically adapt to different screen sizes.

    JavaScriptbootstrap-iconscomponentscss
    在 GitHub 上查看↗20,202
  • mlc-ai/web-llmmlc-ai 的头像

    mlc-ai/web-llm

    18,208在 GitHub 上查看↗

    WebLLM is a library for executing large language models directly within web browsers. It provides a framework for building conversational artificial intelligence applications that perform inference locally, ensuring user data privacy by eliminating the need for external server dependencies. The project distinguishes itself by leveraging browser-native graphics APIs to perform intensive machine learning computations on the client side. It maintains application responsiveness by offloading heavy model tasks to background threads and ensures continuous operation through service workers that func

    Ensures interface responsiveness during heavy AI tasks by offloading computation to background workers.

    TypeScriptchatgptdeep-learninglanguage-model
    在 GitHub 上查看↗18,208
  • airyland/vuxairyland 的头像

    airyland/vux

    17,486在 GitHub 上查看↗

    Vux is a mobile web UI kit and Vue mobile UI library consisting of predefined layout and interface components. It functions as a WeUI component framework that implements a standardized design language for web applications. The library provides a collection of reusable interface elements optimized for mobile browser screen dimensions and touch interactions. It ensures visual consistency across different mobile devices by mapping component styles directly to the WeUI mobile design specification. The framework covers mobile web interface design, mobile UI development, and the rapid assembly of

    Facilitates the design of responsive web pages tailored for mobile browsers using standardized reusable elements.

    Vueantcomponentsjavascript
    在 GitHub 上查看↗17,486
  • primefaces/primevueprimefaces 的头像

    primefaces/primevue

    14,457在 GitHub 上查看↗

    PrimeVue is a UI component library and design system for Vue. It provides a structured collection of interactive interface elements, widgets, and visual building blocks that integrate with the Vue reactivity system to accelerate web development. The framework enables the creation of responsive web designs and enterprise dashboards through a consistent set of pre-styled components. It supports custom theme implementation and rapid frontend prototyping to maintain a uniform user experience across applications. The system utilizes a component-based architecture and a design token approach. It e

    Ensures web layouts adapt seamlessly across different device form factors and screen sizes.

    Vuenuxtnuxtjsvue
    在 GitHub 上查看↗14,457
  • adityatelange/hugo-papermodadityatelange 的头像

    adityatelange/hugo-PaperMod

    13,694在 GitHub 上查看↗

    This is a responsive website theme for Hugo, providing a minimalist static site template and markdown blog layout. It is designed to prioritize content readability and search engine optimization through a clean, mobile-friendly interface. The theme distinguishes itself with built-in support for light and dark mode switching and a client-side search integration that allows users to query site content without a backend server. It also includes a comprehensive suite of social integration tools for managing OpenGraph and Twitter Card metadata. The project covers broad capability areas including

    Implements a mobile-friendly interface that adapts its layout across various screen sizes and devices.

    HTMLblogblog-themeclean
    在 GitHub 上查看↗13,694
  • kareadita/kavitaKareadita 的头像

    Kareadita/Kavita

    10,947在 GitHub 上查看↗

    Kavita is a self-hosted digital library server designed for hosting, organizing, and sharing collections of digital books, comics, and magazines across multiple devices. It functions as a digital media metadata manager and an OPDS content server, enabling the distribution of publications to compatible reading applications. The system includes a cross-platform web-based reader that supports digital book annotations and highlights. It utilizes a role-based access control system to manage user permissions and enforce age restrictions for shared libraries. The platform provides comprehensive lib

    Features a browser interface that adapts publication layouts for different screen sizes and orientations.

    C#annotationscbzcomicinfo
    在 GitHub 上查看↗10,947
  • jhu-ep-coursera/fullstack-course4jhu-ep-coursera 的头像

    jhu-ep-coursera/fullstack-course4

    10,934在 GitHub 上查看↗

    This project provides educational course materials and reference code for learning frontend web development. It serves as a tutorial and collection of examples demonstrating how to build responsive user interfaces using HTML, CSS, and JavaScript. The repository contains practical implementations and references for responsive web design, specifically focusing on fluid grids and media queries to adapt layouts across different screen sizes. It includes client-side scripting samples that illustrate how to add interactive behavior and dynamic functionality to web pages. The material covers a broa

    Teaches how to build web interfaces that adapt seamlessly across various device form factors.

    JavaScript
    在 GitHub 上查看↗10,934
  • wickynilliams/headroom.jsWickyNilliams 的头像

    WickyNilliams/headroom.js

    10,833在 GitHub 上查看↗

    headroom.js is a client-side JavaScript header visibility controller and DOM manipulator. It functions as a scroll-based UI component that hides page headers during downward scrolls and reveals them during upward scrolls to maximize available viewport space. The tool manages dynamic header visibility by monitoring real-time browser scroll events. It optimizes the vertical viewing area of responsive web layouts by toggling the visibility of navigation bars based on the user's scroll direction. The system operates through scroll-position tracking and delta-based state switching to determine mo

    Optimizes the vertical viewport for responsive web interfaces by dynamically hiding the header.

    JavaScript
    在 GitHub 上查看↗10,833
  • knockout/knockoutknockout 的头像

    knockout/knockout

    10,549在 GitHub 上查看↗

    Knockout is a client-side UI library and JavaScript framework used to create responsive web interfaces. It functions as a declarative data binding library and an observable data model system that decouples business logic from the document object model. The project implements the Model-View-ViewModel pattern to separate application logic from the user interface. It synchronizes data models with visual views by linking internal JavaScript properties to HTML elements, allowing the interface to update automatically when underlying data changes. The framework provides capabilities for dynamic fro

    Creates web-based user interfaces that react instantly to data changes and user input.

    JavaScript
    在 GitHub 上查看↗10,549
  • pikvm/pikvmpikvm 的头像

    pikvm/pikvm

    10,109在 GitHub 上查看↗

    PiKVM is an IP-KVM remote access solution for out-of-band server management. It enables remote control of a host computer's hardware and operating system through a web browser or VNC client, allowing access to the BIOS or boot sequence when the main operating system is unresponsive. The system provides remote hardware control by managing physical power switches and GPIO triggers. It emulates human interface devices, such as keyboards and mice, and supports the emulation of mass storage to mount virtual disk images for bare metal operating system installation and recovery. Additional capabili

    Provides a web-based interface for toggling GPIO ports and USB relays to interact with hardware.

    atxhardwarehdmi
    在 GitHub 上查看↗10,109
  • rafaelpimpa/buefyrafaelpimpa 的头像

    rafaelpimpa/buefy

    9,531在 GitHub 上查看↗

    Buefy is a user interface component library built specifically for Vue.js applications. It provides a collection of pre-styled interface elements and a responsive web UI kit designed to implement the Bulma CSS framework's styling and grid system. The project enables rapid frontend prototyping by offering a standardized library of semantic UI elements. These components allow for the creation of flexible layouts that automatically adjust to different screen sizes and devices. The library covers broad capabilities for responsive web design and the construction of user interfaces through the int

    Provides a suite of components that adapt their layout and arrangement across different screen sizes.

    Vue
    在 GitHub 上查看↗9,531
  • uber/basewebuber 的头像

    uber/baseweb

    8,989在 GitHub 上查看↗

    Base Web is a React UI component library and design system implementation. It provides a collection of reusable interface elements and a responsive web framework designed to enforce a consistent visual language and layout across digital products. The project focuses on enterprise design systems and responsive web design, offering tools that automatically adapt user interfaces to fit various screen sizes and devices. It incorporates accessible interface design to ensure components follow standards for users with disabilities. The library utilizes a theme-based design token system and a compos

    Renders flexible user interface components that automatically adapt their layout to fit various screen sizes and devices.

    TypeScriptcomponent-librarydesign-systemsreact
    在 GitHub 上查看↗8,989
  • tsparticles/tsparticlestsparticles 的头像

    tsparticles/tsparticles

    8,887在 GitHub 上查看↗

    tsparticles is a JavaScript particle animation library and configuration-driven visual effects engine used to create customizable effects, confetti, and interactive backgrounds using HTML5 Canvas. It functions as a plugin-based graphics engine and a web component animation engine, allowing for the generation of complex behaviors and themes through structured JSON configuration objects. The project provides a cross-framework animation wrapper with dedicated compatible components for integrating effects into React, Vue, Angular, and Svelte. Its modular architecture allows users to extend the en

    Adjusts particle parameters and density dynamically based on screen size and device resolution.

    TypeScript2dangularanimations
    在 GitHub 上查看↗8,887
上一个12下一个
  1. Home
  2. User Interface & Experience
  3. Responsive Web Interfaces

探索子标签

  • 3D Web ApplicationsWeb interfaces that integrate three-dimensional graphics with responsive design for cross-device compatibility. **Distinct from Responsive Web Interfaces:** Specializes responsive web interfaces by specifically adding the requirement of 3D visualization rendering.
  • Hardware Control Interfaces1 个子标签Web-based interfaces for managing physical hardware devices. **Distinct from Responsive Web Interfaces:** Distinct from Responsive Web Interfaces: focuses on hardware-specific control protocols rather than general responsive design.
  • Internationalized Responsive InterfacesWeb interfaces that simultaneously support multi-language localization and adaptive screen layouts. **Distinct from Responsive Web Interfaces:** Combines i18n and responsiveness into a single UI capability, whereas parent focuses only on responsiveness
  • Responsive Animation AdjustmentsMechanisms for adjusting animation timing and behavior based on device screen size and media queries. **Distinct from Responsive Web Interfaces:** Focuses on modifying motion behaviors for responsiveness, whereas the parent focuses on overall interface layout.