8 dépôts
Mathematical curves that control the rate of change for UI motion to create elastic or spring-like effects.
Distinct from Spatial Interpolation: Existing candidates focus on financial curves or geospatial interpolation, not generic UI easing functions.
Explore 8 awesome GitHub repositories matching user interface & experience · Animation Interpolators. Refine with filters or upvote what's useful.
Pop is an animation library for iOS and macOS designed to manage property animations, value interpolation, and physics engines. It functions as a framework for linking animation engines to arbitrary object properties, extending beyond standard view attributes. The library features a physics-based animation engine that generates motion based on velocity, friction, and target values. This system enables the creation of spring and decay animations to simulate real-world dynamics. The project also provides tools for value interpolation using easing curves, display-link driven updates synced to s
Provides mathematical curves to control the rate of change for UI motion interpolation.
AndroidViewAnimations is an animation library and visual effects toolkit for Android applications. It provides a framework for implementing motion effects, such as bouncing, sliding, and rotating transitions, for views within Android layouts. The library features a collection of predefined motion presets and stylized transition effects. These include curated sequences for shaking and pulsing to guide user attention, as well as complex movements like hinging or rolling for interface entry and exit. The toolkit covers a wide range of visual effects, including linear slides, elastic bounces, tr
Controls the rate of change over time using mathematical curves to create spring-like or elastic movements.
tween.js is a JavaScript animation engine and numeric interpolation library. It is designed to calculate intermediate values between a start and end state over time, using easing functions to create smooth transitions for numeric values and object properties. The project functions as both an animation sequence manager and an easing library, allowing for the coordination of concurrent animation groups and the chaining of multiple transitions. It provides tools for managing the rate of change through acceleration and deceleration functions. The library covers a broad range of motion capabiliti
Calculates intermediate values for numeric object properties between starting and ending states.
React Move is a declarative animation library for React that animates components by interpolating between start and end states with configurable timing and easing. It provides data-driven transitions for single elements, groups, lists, and SVG elements, supporting staggered timing, custom interpolation for non-numeric values like colors and paths, and drag-and-drop reordering of list items. The library distinguishes itself through its support for custom interpolation functions that replace default numeric interpolation, keyed array reconciliation for tracking items as they enter, update, or l
Replaces default numeric interpolation with user-defined functions for non-numeric values like colors or paths.
LiveCharts2 est une bibliothèque de visualisation de données .NET et un framework de traçage multiplateforme. Il fournit une API unifiée pour rendre des graphiques, des cartes et des jauges interactifs à travers divers frameworks d'interface utilisateur .NET. La bibliothèque inclut une bibliothèque de jauges dynamiques pour afficher des métriques en temps réel et un outil de cartographie interactif pour rendre des données géographiques. Ces composants permettent la création de tableaux de bord d'interface utilisateur multiplateformes, d'outils de surveillance de données en temps réel et de rapports d'intelligence économique interactifs.
Implements mathematical curves to calculate smooth transitions and animations between different data states.
Ce dépôt est une collection d'implémentations de référence et de galeries démontrant les meilleures pratiques pour le système Android View. Il fournit un ensemble d'exemples pratiques pour construire des interfaces utilisateur, y compris une galerie de composants et des guides d'implémentation pour les mises en page, les performances de liste et la conception de mouvement. Le projet se distingue par des échantillons détaillés pour coordonner les animations de mise en page et les effets de transition. Il inclut des démonstrations spécialisées pour des animations de mouvement complexes utilisant des images clés et l'interpolation, ainsi qu'un outil de visualisation pour les courbes d'interpolation d'animation afin de déterminer les paramètres de mouvement. La base de code couvre de vastes domaines de capacités, notamment la gestion de liste haute performance avec recyclage de vue et mises à jour différentielles, la navigation paginée avec synchronisation d'onglets et l'adaptabilité de l'interface pour les modes multi-fenêtres et écran partagé. Il inclut également des échantillons pour les mises en page de cartes, le contenu web intégré et les tests d'interface utilisateur automatisés pour les transitions de page.
Provides a visualization tool for adjusting animation interpolation curves to determine optimal motion parameters.
SmoothProgressBar est une bibliothèque de barres de progression personnalisées pour Android, conçue pour afficher des indicateurs de chargement indéterminés horizontaux et circulaires. Elle fonctionne comme un composant UI réutilisable et une extension de vue utilisée pour afficher l'état des processus en arrière-plan au sein des applications Android. La bibliothèque fournit des animations fluides et des styles personnalisés pour créer des états de chargement fluides. Elle prend en charge les formats linéaires et circulaires, permettant de définir des couleurs et des styles spécifiques pour correspondre au système de design d'une application mobile.
Uses mathematical interpolators to calculate smooth transitions and easing for progress bar animations.
GuideView est une bibliothèque d'onboarding utilisateur Android et un framework de masquage UI utilisé pour créer des visites guidées et des tutoriels de fonctionnalités. Il fournit des utilitaires pour identifier et isoler visuellement des vues Android spécifiques en dessinant des superpositions semi-transparentes avec des trous mis en évidence pour concentrer l'attention de l'utilisateur. La bibliothèque implémente un système pour enchaîner plusieurs étapes pédagogiques, permettant le séquençage des pages de mise en évidence dans un ordre spécifique. Elle prend en charge l'attachement de texte, d'images ou d'animations personnalisés près des vues mises en évidence pour fournir un contexte pédagogique. Le framework gère les transitions visuelles entre les étapes du tutoriel en utilisant des animations et synchronise le positionnement des superpositions avec le cycle de vie des fragments Android. Il utilise un masquage basé sur les coordonnées et le découpage de chemin (path clipping) pour définir les zones visibles de l'interface.
Employs mathematical interpolation curves to smoothly animate mask position and size between tutorial steps.