11 repository-uri
Components that enhance user engagement with media through interactive elements like overlays and lightboxes.
Explore 11 awesome GitHub repositories matching graphics & multimedia · Media & Interactivity. Refine with filters or upvote what's useful.
This project is a web-native presentation framework that renders slide decks from standard HTML or Markdown. It functions as a declarative slide engine, managing navigation, state persistence, and lifecycle events through a configuration-driven interface. By leveraging standard web technologies, it enables the creation of responsive, browser-based presentations that support complex layouts, nested transitions, and interactive content. The framework distinguishes itself through a modular, plugin-based architecture that allows developers to extend core functionality using custom hooks and event
Triggers full-screen visual overlays for images by applying specific data attributes to standard HTML elements.
Remotion is a programmatic video framework that enables the creation of video content using component-based logic and standard web technologies. By leveraging a declarative animation engine, it allows developers to structure visual content as a hierarchy of reusable components, ensuring that animations and state updates remain consistent through deterministic frame execution. The framework distinguishes itself by utilizing a headless browser renderer that captures visual output frame-by-frame to generate high-quality video files. This architecture supports a cloud-native media pipeline, allow
Renders interactive vector animations within video compositions.
This project is a cross-platform messaging client that implements a secure, real-time communication protocol. It provides a comprehensive development toolkit, including a database library and messaging SDK, which allows for the creation of custom messaging applications that maintain synchronized state across multiple devices. The core architecture relies on an asynchronous event-driven model to ensure responsive performance while managing persistent local database synchronization with server-side state. The client distinguishes itself through a robust end-to-end encryption layer that supports
Triggers animated dice emojis that generate random results.
PhotoSwipe is a JavaScript image gallery library used to create responsive, touch-enabled lightboxes for mobile and desktop web browsers. It functions as a framework-agnostic UI component, allowing for the integration of image viewers across different web environments without requiring specific JavaScript libraries. The library is designed as a mobile-first gallery viewer, providing a full-screen image overlay that supports native-feeling touch gestures. This includes specific optimizations for mobile devices such as swipe navigation and pinch-to-zoom interactions. The project enables full-s
Ships a responsive full-screen gallery overlay for viewing images across different devices.
Howler.js is a JavaScript library that provides a unified interface for managing audio playback across web browsers. It functions as a cross-browser audio engine, abstracting complex browser audio APIs into a consistent developer experience while ensuring reliable performance through automatic fallback mechanisms. The library distinguishes itself by offering specialized tools for spatial audio and efficient asset management. It includes a spatial audio framework that maps three-dimensional vectors to audio nodes for immersive sound positioning, alongside an audio sprite manager that allows de
Supports precise control over audio playback and synchronization for interactive user-triggered events.
This project is a curated resource repository and learning platform dedicated to creative coding, generative art, and graphics programming. It serves as a comprehensive directory for developers and artists seeking to build interactive media, procedural visuals, and real-time digital experiences. The collection distinguishes itself by aggregating a wide range of technical tools, frameworks, and educational materials necessary for mastering creative technology. It provides access to specialized graphics libraries, shader editors, and hardware interfaces, while also offering guidance on the math
Supports the development of interactive audiovisual installations and physical computing projects through specialized frameworks.
Hexo Theme Butterfly is a visual template for Hexo that transforms Markdown content into a responsive website featuring card-based layouts. It functions as a technical content renderer capable of displaying complex data such as mathematical formulas, Mermaid diagrams, and interactive charts within blog posts. The interface is PWA enabled, utilizing service workers and manifest files to provide offline access and installation on mobile devices. The theme distinguishes itself through a wide array of specialized content rendering tools, including musical score rendering, chronological timelines,
Provides a full-screen image lightbox for enhanced visual inspection of photos.
Anypixel is a web-to-hardware display framework and toolkit for building large-scale physical interactive screens and button walls. It provides a system for mapping HTML canvas graphics to physical LED arrays, combining a networked pixel controller with a management tool that translates web application data into electronic signals for microcontroller-driven display boards. The project features a browser-based hardware simulation environment that allows for testing interactive display logic, button events, and network communication without requiring physical components. This emulator enables t
Provides a comprehensive framework for building audiovisual interactive installations that respond to physical sensors and user input.
Cinder este o bibliotecă de creative coding în C++ și un toolkit grafic nativ conceput pentru dezvoltarea de media interactivă profesională și artă vizuală. Servește ca un framework multimedia cross-platform pentru generarea de artă digitală generativă de înaltă performanță și randare vizuală în timp real. Framework-ul oferă o suită profesională de instrumente pentru construirea de instalații integrate hardware și vizualuri cinematografice. Se concentrează pe programarea grafică în timp real și producția de grafică de înaltă calitate pentru ecrane profesionale. Biblioteca include un strat de abstractizare cross-platform și o arhitectură modulară pentru a standardiza operațiunile pe diferite sisteme de operare. Încorporează randare accelerată hardware și gestionarea input-ului bazată pe evenimente pentru a procesa interacțiunile utilizatorilor și datele senzorilor.
Supplies tools and libraries for building audiovisual experiences that react to physical sensors or user input in real time.
Painter este un sistem de randare declarativ care transformă definițiile JSON în imagini vizuale stilizate. Funcționează ca un motor de randare JSON-to-image care convertește datele structurate de layout în forme vectoriale, text stilizat și coduri QR pe o pânză (canvas). Sistemul dispune de un motor dinamic de template-uri de imagine care utilizează calcule de coordonate relative pentru a determina pozițiile elementelor pe baza limitelor altor componente. Suportă crearea de template-uri interactive unde utilizatorii pot trage, scala și șterge elemente în timp real, precum și capacitatea de a actualiza proprietăți specifice ale elementelor fără a declanșa o randare completă a scenei. Biblioteca acoperă o gamă largă de capabilități de stilizare vizuală și compoziție, inclusiv aplicarea de gradienți, umbre și colțuri rotunjite. Oferă un motor de layout bazat pe template-uri, conceput pentru generarea de grafice bazate pe date, cum ar fi vizualuri pentru social media și imagini pentru mini-programe.
Supports the creation of dynamic canvases where users can drag, scale, and delete elements in real-time.
LoveIt is a Hugo static site theme and markdown documentation framework designed for creating high-performance blogs and technical documentation sites. It functions as a responsive web template that transforms markdown files into pre-rendered static pages. The project is distinguished by its built-in internationalization support for multilingual content management and a client-side search implementation that enables full-text indexing without a backend server. It includes an SEO-optimized front-end featuring JSON-LD structured data and lazy-loading asset management to improve page speed and s
Integrates maps, charts, music, and videos into pages using specialized shortcodes.