36 Repos
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.