awesome-repositories.com
Blog
MCP
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetServeur MCPÀ proposNotre méthodologiePresse
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

13 dépôts

Awesome GitHub RepositoriesMotion Effects

Dynamic visual animations, parallax scrolling, and transitions that react to user interaction or page events.

Distinct from Interaction Effects: Specifically covers complex motion paths and parallax scrolling, moving beyond simple state-based visual feedback.

Explore 13 awesome GitHub repositories matching user interface & experience · Motion Effects. Refine with filters or upvote what's useful.

Awesome Motion Effects GitHub Repositories

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • h07000223/flycotablayoutAvatar de H07000223

    H07000223/FlycoTabLayout

    11,101Voir sur GitHub↗

    FlycoTabLayout is a Java-based library for building tabbed navigation interfaces in Android applications. It functions as a custom view component and navigation tool that allows developers to organize content into switchable categories using customizable indicators and animations. The library distinguishes itself through integrated notification badge components that display unread message tips and status indicators directly on individual tabs. It also provides specialized navigation synchronization, allowing the tab layout to function as a standalone component or as a linked navigation bar ti

    Applies motion effects and bounce animations to the selection indicator when switching views.

    Java
    Voir sur GitHub↗11,101
  • ksky521/nodepptAvatar de ksky521

    ksky521/nodeppt

    10,352Voir sur GitHub↗

    nodeppt is a markdown presentation generator and static site generator that transforms markdown source files into interactive web-based slide decks. It consists of a command-line build tool and a specialized frontend runtime used to deliver presentations in a web browser. The project features a dual-screen presentation runtime that synchronizes the audience view with a private speaker notes monitor. It employs a plugin-based markdown pipeline and a post-processing DOM transformation system to convert custom syntax into structured HTML content. The framework supports technical content generat

    Provides visual motion effects such as fades and zooms to control element flow during presentations.

    JavaScript
    Voir sur GitHub↗10,352
  • elementor/elementorAvatar de elementor

    elementor/elementor

    6,952Voir sur GitHub↗

    Elementor is a visual page builder for WordPress that provides a drag-and-drop interface for creating responsive layouts and custom themes. It functions as a comprehensive design system manager and theme builder, allowing for the creation of global website components such as headers, footers, and archive pages without writing code. The platform distinguishes itself through a dedicated popup builder with custom trigger conditions and a visual landing page creator that utilizes pre-made kits. It includes a global style registry to synchronize fonts and colors across all site elements and a widg

    Adds interactive animations, parallax scrolling, and visual transitions to create more engaging user experiences.

    PHPeditor-shared
    Voir sur GitHub↗6,952
  • tictail/bounce.jsAvatar de tictail

    tictail/bounce.js

    6,165Voir sur GitHub↗

    bounce.js est une bibliothèque JavaScript et un wrapper programmatique pour générer et appliquer des animations CSS3 keyframe et des transformations 3D. Il fournit un outil pour créer des séquences d'animation complexes sans avoir besoin d'écrire manuellement des règles de feuille de style. La bibliothèque permet la création d'animations en enchaînant des transformations d'échelle, de rotation, de translation et d'inclinaison. Ces séquences générées peuvent être enregistrées sous des noms uniques pour être réutilisées sur plusieurs éléments. Le système gère le cycle de vie de l'animation via des fonctions de rappel qui se déclenchent lorsqu'une séquence visuelle se termine. Il inclut également un vérificateur de compatibilité pour vérifier si l'environnement du navigateur prend en charge les transformations 3D et les spécifications de keyframe requises.

    Enables adding polished motion effects and 3D transitions to web elements to improve user experience.

    CSS
    Voir sur GitHub↗6,165
  • bendc/animateplusAvatar de bendc

    bendc/animateplus

    5,941Voir sur GitHub↗

    animateplus est une bibliothèque d'animation JavaScript légère conçue pour créer des transitions visuelles haute performance à 60 FPS et des interpolations numériques pour les éléments de sites web. Elle fonctionne comme un moteur d'animation basé sur les promesses, utilisant des patterns async/await pour séquencer des timelines de mouvement complexes et des délais de temporisation. La bibliothèque inclut un simulateur de flou de mouvement qui applique un flou directionnel le long des axes X et Y pour imiter une vitesse élevée. Elle fournit également un outil d'interpolation numérique pour effectuer des transitions de couleurs et de propriétés graphiques entre différents états. Le système gère le contrôle d'éléments haute performance, permettant de démarrer, arrêter et retarder précisément les animations. Il prend en outre en charge des effets de mouvement dynamiques via des callbacks frame-par-frame qui peuvent déclencher une logique externe pendant la progression d'une animation.

    Adds visual polish using simulated motion blur and frame-by-frame callbacks that react to animation progress.

    JavaScript
    Voir sur GitHub↗5,941
  • nightonke/boommenuAvatar de Nightonke

    Nightonke/BoomMenu

    5,784Voir sur GitHub↗

    BoomMenu est une bibliothèque de menu radial Android et un framework d'animation d'interface utilisateur conçu pour créer des boutons d'action flottants extensibles. Il fournit un ensemble de composants de vue personnalisés programmables qui révèlent des éléments de sous-menu selon des motifs radiaux, horizontaux ou verticaux en utilisant des transformations 3D. La bibliothèque se distingue par un moteur d'animation à transformation 3D qui utilise l'assouplissement non linéaire, la mise à l'échelle et la rotation pour créer de la profondeur lors de l'expansion du menu. Elle inclut des modèles de mise en page spécialisés pour les menus de type partage et un système de mappage basé sur les coordonnées pour un déplacement précis des éléments. Le framework couvre un large éventail de fonctionnalités d'interface utilisateur, y compris la construction de menus flexibles avec des boutons étiquetés, des mises à jour de contenu dynamiques et l'assombrissement de l'arrière-plan pour la mise au point visuelle. Il prend en charge l'intégration à travers divers composants Android tels que les barres d'action, les fragments et les vues défilantes, tout en fournissant des outils pour le positionnement par glisser-déposer et le contrôle d'état programmatique. Pour maintenir les performances, le projet implémente un cache de ressources de recyclage de vue pour réutiliser les instances de boutons et réduire la création d'objets pendant les cycles d'expansion.

    Implements acceleration and deceleration effects for the movement and rotation of radial menu buttons.

    Javaanimationboommenu
    Voir sur GitHub↗5,784
  • mirai-mamori/sakurairoAvatar de mirai-mamori

    mirai-mamori/Sakurairo

    3,996Voir sur GitHub↗

    Sakurairo is a feature-rich WordPress theme and personal blog framework designed for multilingual sites. It functions as a visual layer that provides comprehensive layout controls, ranging from a dynamic UI toolkit with glassmorphism effects to a full personal branding site template. The project distinguishes itself through AI content enhancement, using large language models to automatically summarize articles and generate interactive terminology annotations. It also integrates external activity tracking and profile synchronization for platforms such as Steam and Bilibili. The theme includes

    Creates a customizable typing effect for header text in the hero section.

    PHPai-assistedai-assisted-readingcolor-scheme
    Voir sur GitHub↗3,996
  • alyssaxuu/motionityAvatar de alyssaxuu

    alyssaxuu/motionity

    3,976Voir sur GitHub↗

    Motionity is a browser-based motion graphics editor and video compositor. It provides a visual timeline for creating animated videos and compositions using a layer-based system and keyframe animation tools. The project features a dedicated Lottie animation renderer, allowing users to import and render vector-based files for scalable motion graphics. It includes specialized tools for keyframe animation, using easing functions to control object movement and property transitions. The platform covers a broad range of production capabilities, including digital asset composition, video clip editin

    Provides specialized text motion effects including typewriter, scale, and fade animations.

    JavaScriptafter-effectsanimationaudio
    Voir sur GitHub↗3,976
  • imskyleen/animate-uiAvatar de imskyleen

    imskyleen/animate-ui

    3,730Voir sur GitHub↗

    Animate UI is an animated UI component library and motion-enhanced design system. It provides a collection of pre-animated interface elements and layout primitives used to build interactive web user interfaces. The library is integrated with the Model Context Protocol, making it an MCP compatible component set that allows AI coding tools to automatically discover and implement its components. It also functions as an accessibility-aware animation framework that respects system-level reduced motion settings. The system covers a broad range of interactive visual effects, including animated typo

    Provides dynamic visual animations and transitions that react to user interaction across typography and backgrounds.

    TypeScriptcomponentsframer-motionmotion
    Voir sur GitHub↗3,730
  • cronvel/terminal-kitAvatar de cronvel

    cronvel/terminal-kit

    3,366Voir sur GitHub↗

    Terminal-kit is a Node.js toolkit for building command-line applications and console user interfaces. It provides a comprehensive suite of utilities for console text styling, terminal graphics rendering, input parsing, and interactive interface construction. The library features a cell-based text grid model, a component document tree for hierarchical layout of interactive widgets, and off-screen pixel buffering for multi-layered image composition and manipulation. It handles direct escape-sequence output control and raw-mode input parsing to manage display regions and capture user interaction

    Outputs text character by character with an old-fashioned typing delay and flashing cursor effect.

    JavaScript
    Voir sur GitHub↗3,366
  • rombohq/tailwindcss-motionAvatar de romboHQ

    romboHQ/tailwindcss-motion

    3,295Voir sur GitHub↗

    This project is a Tailwind CSS animation library and accessibility-aware motion framework. It provides a collection of utility classes for adding high-performance keyframe animations and motion effects to web projects, while automatically respecting user-defined reduced motion preferences. The system includes a browser-based animation designer for creating and exporting custom presets as CSS styles or utility classes. It also functions as a scroll-triggered animation framework, enabling entrance and exit transitions that execute as elements enter the viewport, including support for staggered

    Offers inline utility classes for applying motion effects to dimensions and opacity.

    TypeScriptanimateanimationcss
    Voir sur GitHub↗3,295
  • ui-layouts/uilayoutsAvatar de ui-layouts

    ui-layouts/uilayouts

    3,190Voir sur GitHub↗

    uillayouts is a comprehensive design system consisting of interactive components, responsive templates, motion-enhanced UI kits, and advanced visual effect toolkits. It provides a collection of accessible React UI components and pre-designed layout sections for landing pages. The project is distinguished by a specialized visual effects library and motion-driven components. It features high-performance graphical enhancements such as glassmorphism, mesh gradients, noise overlays, and SVG masking, alongside interactive elements that utilize physics-based animations and cursor-tracking effects.

    Provides stylized identity marks and logos using motion effects to enhance brand recognition.

    TypeScriptaccertinityaccordion-componentanimated-tabs
    Voir sur GitHub↗3,190
  • xotahal/react-native-motionAvatar de xotahal

    xotahal/react-native-motion

    2,078Voir sur GitHub↗

    React Native Motion is a cross-platform animation library designed for building fluid transitions and motion effects within mobile applications. It functions as a declarative engine that parses static configuration objects to orchestrate complex visual sequences and interface updates. The library distinguishes itself through a native-driven execution model that processes animation frames directly on the native UI thread, bypassing the JavaScript bridge to maintain performance. It provides specialized tools for shared element transitions, which track component geometry across navigation bounda

    Transforms interface elements using standard visual adjustments like scaling, opacity, and translation to improve responsiveness.

    JavaScriptanimationreact-nativeux
    Voir sur GitHub↗2,078
  1. Home
  2. User Interface & Experience
  3. Interaction Effects
  4. Motion Effects

Explorer les sous-tags

  • Animated Identity Marks1 sous-tagMotion-enhanced logos and brand marks designed to increase visual recognition. **Distinct from Motion Effects:** Focuses on the artistic animation of a brand identity rather than general interaction-driven motion effects
  • TextSpecific animation presets and behaviors applied to text elements, such as typewriter or fade effects. **Distinct from Motion Effects:** Focuses on typographic motion specifically rather than general interaction or parallax effects