Awesome GitHub RepositoriesMotion Effects

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

nodeppt es un generador de presentaciones en markdown y generador de sitios estáticos que transforma archivos fuente markdown en presentaciones interactivas basadas en web. Consiste en una herramienta de compilación de línea de comandos y un runtime frontend especializado utilizado para entregar presentaciones en un navegador web. El proyecto cuenta con un runtime de presentación de doble pantalla que sincroniza la vista de la audiencia con un monitor privado de notas del orador. Emplea un pipeline de markdown basado en plugins y un sistema de transformación DOM de post-procesamiento para convertir sintaxis personalizada en contenido HTML estructurado. El framework admite la generación de contenido técnico, incluyendo renderizado de fórmulas matemáticas, resaltado de sintaxis de código e incrustación de diagramas interactivos. Proporciona un sistema de layout para diseños de rejilla y tarjetas, efectos de movimiento visual y visualizaciones basadas en datos. Se incluye un servidor de desarrollo local para iteración en tiempo real, y se proporciona una utilidad para exportar presentaciones como documentos PDF.

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

bounce.js es una biblioteca de JavaScript y wrapper programático para generar y aplicar animaciones de keyframes CSS3 y transformaciones 3D. Proporciona una herramienta para crear secuencias de animación complejas sin necesidad de escribir reglas de hoja de estilo manuales. La biblioteca permite la creación de animaciones encadenando transformaciones de escala, rotación, traslación y sesgo (skew). Estas secuencias generadas pueden guardarse bajo nombres únicos para su reutilización en múltiples elementos. El sistema gestiona el ciclo de vida de la animación a través de funciones de callback que se activan cuando una secuencia visual se completa. También incluye un comprobador de compatibilidad para verificar si el entorno del navegador admite las transformaciones 3D y las especificaciones de keyframes requeridas.

animateplus es una biblioteca de animación ligera en JavaScript diseñada para crear transiciones visuales de alto rendimiento a 60 FPS e interpolaciones numéricas para elementos web. Funciona como un motor de animación basado en promesas, utilizando patrones async/await para secuenciar líneas de tiempo de movimiento complejas y retardos de tiempo. La biblioteca incluye un simulador de desenfoque de movimiento (motion blur) que aplica desenfoque de velocidad direccional a lo largo de los ejes X e Y para imitar alta velocidad. También proporciona una herramienta de interpolación numérica para transicionar colores y propiedades gráficas entre estados. El sistema gestiona el control de elementos de alto rendimiento, permitiendo iniciar, detener y retrasar animaciones con precisión. Además, admite efectos de movimiento dinámicos a través de callbacks frame-by-frame que pueden activar lógica externa durante el progreso de una animación.

BoomMenu es una librería de menús radiales para Android y un framework de animación de UI diseñado para crear botones de acción flotantes expandibles. Proporciona un conjunto de componentes de vista personalizados programables que revelan elementos de submenú en patrones radiales, horizontales o verticales utilizando transformaciones 3D. La librería destaca por su motor de animación de transformación 3D que utiliza easing no lineal, escalado y rotación para crear profundidad durante la expansión del menú. Incluye patrones de diseño especializados para menús estilo "compartir" y un sistema de mapeo basado en coordenadas para un desplazamiento preciso de los elementos. El framework cubre una amplia gama de capacidades de UI, incluyendo la construcción flexible de menús con botones etiquetados, actualizaciones de contenido dinámico y oscurecimiento del fondo para el enfoque visual. Admite la integración en varios componentes de Android como barras de acción, fragmentos y vistas desplazables, mientras proporciona herramientas para el posicionamiento arrastrable y el control programático del estado. Para mantener el rendimiento, el proyecto implementa una caché de recursos de reciclaje de vistas para reutilizar instancias de botones y reducir la creación de objetos durante los ciclos de expansión.

Sakurairo es un tema de WordPress rico en funciones y framework de blog personal diseñado para sitios multilingües. Funciona como una capa visual que proporciona controles de diseño integrales, que van desde un kit de herramientas de interfaz de usuario dinámica con efectos de glassmorphism hasta una plantilla de sitio de marca personal completa. El proyecto se distingue por la mejora de contenido mediante IA, utilizando modelos de lenguaje grandes para resumir automáticamente artículos y generar anotaciones de terminología interactivas. También integra seguimiento de actividad externa y sincronización de perfiles para plataformas como Steam y Bilibili. El tema incluye una amplia gama de capacidades que cubren el diseño visual, como modo oscuro programado y animaciones de fondo, y optimizaciones de rendimiento como navegación PJAX y enrutamiento de imágenes WebP. Áreas funcionales adicionales incluyen monitoreo de disponibilidad de enlaces, superposiciones de búsqueda en tiempo real y herramientas administrativas para la copia de seguridad y restauración de la configuración del tema.

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

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

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

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

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.

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