3 Repos
Allows replacing default display logic with custom plugins that control how each frame's formatted value is rendered.
Distinct from Plugin Renderers: Distinct from Plugin Renderers: focuses on per-frame value rendering delegation rather than general plugin UI lifecycle management.
Explore 3 awesome GitHub repositories matching user interface & experience · Per-Frame Rendering Plugins. Refine with filters or upvote what's useful.
CountUp.js is a lightweight JavaScript library that animates a numerical value from zero to a target number over a configurable duration with smooth easing. It supports both count-up and count-down transitions, making it a focused tool for displaying animated numerical changes on web pages. The library distinguishes itself through support for bidirectional number animation, custom easing functions, and locale-aware number formatting with configurable separators, decimal points, and digit groupings. It also offers plugin-based rendering, allowing developers to replace the default display logic
Allows custom per-frame rendering of animated values through an extensible plugin interface.
Hotwire Turbo is a server-driven navigation and HTML streaming framework that intercepts link clicks and form submissions to fetch pages in the background and replace content without full browser reloads. It provides a Turbo Frame component that scopes page regions into independent contexts, enabling partial page updates where only a specific area of the page navigates or loads content. The framework includes a page cache and morph system that stores recently visited pages for instant restoration and applies minimal DOM changes on refresh, preserving scroll position and element state. The fra
Allows overriding default frame replacement logic with custom render functions via event listeners.
devices.css ist eine Bibliothek reiner CSS-Komponenten, die zum Rendern responsiver Geräte-Frames und Hardware-Mockups verwendet wird. Sie bietet eine Sammlung von Styles, die visuelle Darstellungen von Smartphones, Tablets und Laptops ohne die Verwendung externer Bilder oder JavaScript erstellen. Das Projekt ermöglicht die Simulation von Hardware-Rändern und -Blenden durch ein System aus CSS-basierten Frames und Mockups. Diese Komponenten ermöglichen die Visualisierung responsiver Designs und UI-Komponenten über verschiedene Bildschirmgrößen und Gerätemodelle hinweg. Die Bibliothek nutzt CSS-Custom-Properties für das Theming von Farben und Abmessungen und verwendet relative Einheiten und Pseudo-Elemente, um Hardware-Details wie Kameralinsen und Lautsprechergitter zu rendern. Diese Styles unterstützen verschiedene Hardware-Ausrichtungen und Modellwechsel über CSS-Klassen.
Wraps content in realistic hardware borders via CSS to create visual representations of devices.