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

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoServidor MCPAcerca deCómo clasificamosPrensa
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

36 repositorios

Awesome GitHub RepositoriesView Transitions

Animations and effects for smooth screen navigation and state changes.

Distinguishing note: Focuses on the motion and transition aspect of UI navigation.

Explore 36 awesome GitHub repositories matching user interface & experience · View Transitions. Refine with filters or upvote what's useful.

Awesome View Transitions GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • facebook/reactAvatar de facebook

    facebook/react

    245,669Ver en GitHub↗

    React es una biblioteca de JavaScript para crear interfaces de usuario basadas en una arquitectura orientada a componentes y un flujo de datos unidireccional.

    Integrates browser-native view transitions for smooth screen navigation and state changes.

    JavaScriptjavascriptuifrontend
    Ver en GitHub↗245,669
  • vsouza/awesome-iosAvatar de vsouza

    vsouza/awesome-ios

    52,496Ver en GitHub↗

    This project is a community-driven directory of software resources, libraries, and tools designed to support iOS application development. It serves as a centralized reference point for developers, organizing a vast ecosystem of third-party components into a searchable, structured index to facilitate discovery and project integration. The repository distinguishes itself through its collaborative curation model, which aggregates disparate utilities into a single, maintainable catalog. By leveraging a flat-file documentation structure, it provides a clear overview of the tools available for nati

    Defines custom animations for screen navigation to create fluid and professional user experiences.

    Swiftapple-swiftarkitawesome
    Ver en GitHub↗52,496
  • bigskysoftware/htmxAvatar de bigskysoftware

    bigskysoftware/htmx

    48,210Ver en GitHub↗

    HTMX is a hypermedia-driven frontend library that enables the creation of dynamic, asynchronous web applications by extending standard HTML attributes. It functions as a declarative engine that intercepts browser events to trigger network requests, allowing developers to update specific regions of the document with server-rendered HTML fragments. By shifting the logic of UI composition to the server, it minimizes the need for complex client-side state management and imperative JavaScript. The library distinguishes itself through a progressive enhancement workflow that ensures web interfaces r

    Preserves visual continuity during content updates by synchronizing with browser-native transitions.

    JavaScripthateoashtmlhtmx
    Ver en GitHub↗48,210
  • honojs/honoAvatar de honojs

    honojs/hono

    30,994Ver en GitHub↗

    Hono is a lightweight web framework built on Web Standard APIs that executes across JavaScript runtimes including Cloudflare Workers, Deno, Bun, and Node.js.

    Simplifies the implementation of browser-native view transitions with specialized hooks for state changes.

    TypeScriptframeworkedgecloudflare-workers
    Ver en GitHub↗30,994
  • herotransitions/heroAvatar de HeroTransitions

    HeroTransitions/Hero

    22,462Ver en GitHub↗

    Hero is a transition framework and animation toolkit for iOS and tvOS designed to create fluid visual continuity between screens. It provides a shared element animation library that interpolates the position and size of views across different screens using unique identifiers. The framework includes an interactive transition controller that binds navigation progress to manual gestures and user input events in real time. It utilizes a system for calculating animation durations based on element distance and size to maintain a consistent sense of motion speed. The toolkit covers global coordinat

    Creating fluid visual continuity by animating shared elements between different screens in iOS and tvOS applications.

    Swift
    Ver en GitHub↗22,462
  • chenglou/react-motionAvatar de chenglou

    chenglou/react-motion

    21,921Ver en GitHub↗

    react-motion is a physics-driven animation toolkit and library for React applications. It provides a system for creating fluid user interface transitions by simulating natural spring movement to move elements toward destination values using stiffness and damping parameters. The framework manages the visual entry and exit of components as they mount and unmount within the document structure. It coordinates complex motion patterns, including staggered animations and fluid transitions for items being added, removed, or reordered within dynamic lists. The library covers a broad range of animatio

    Creates seamless visual transitions between different application views during route navigation.

    JavaScript
    Ver en GitHub↗21,921
  • carguo/gsyvideoplayerAvatar de CarGuo

    CarGuo/GSYVideoPlayer

    21,440Ver en GitHub↗

    GSYVideoPlayer is a versatile video player framework for Android that acts as a multi-engine playback wrapper. It provides a unified playback interface to control different video playback kernels, such as ExoPlayer, IJKplayer, and MediaPlayer, ensuring compatibility across diverse mobile hardware. The framework distinguishes itself through a flexible architecture that allows for core component swapping, enabling the replacement of playback engines, managers, or rendering layers. It includes a dedicated video caching manager for local storage and a customizable media UI component that supports

    Maintains consistent playback parameters and logic when switching between embedded and fullscreen modes.

    Java16kandroidexoplayer
    Ver en GitHub↗21,440
  • vuejs/vue-routerAvatar de vuejs

    vuejs/vue-router

    18,898Ver en GitHub↗

    Vue.js Client-Side Router is a routing library that maps browser URLs to Vue.js components to enable the creation of single-page applications. It functions as a navigation engine that manages browser history and URL state to allow page transitions without full browser reloads. The system utilizes a nested route manager to render hierarchical views that match complex URL structures. It includes navigation guard middleware to intercept, validate, or redirect route transitions before components are rendered. A client-side history handler synchronizes application state with the browser URL using

    Applies animations and controls scroll behavior during transitions between different application views.

    JavaScript
    Ver en GitHub↗18,898
  • mengto/springAvatar de MengTo

    MengTo/Spring

    14,038Ver en GitHub↗

    Spring is a Swift animation library and iOS view animation framework. It provides a spring physics animation engine designed to generate realistic, organic motion for user interface movements. The framework utilizes a declarative animation interface, allowing developers to define animation properties and behaviors without writing complex imperative code. This includes a declarative animation workflow where motion is configured through visual storyboards. The system manages iOS UI animations and Swift view transitions, specifically automating how views appear and disappear through triggered a

    Automates view appearance and disappearance using triggered animations to improve the user experience.

    Swift
    Ver en GitHub↗14,038
  • tencent/omiAvatar de Tencent

    Tencent/omi

    13,259Ver en GitHub↗

    Omi is a web components framework, reactive UI library, and client-side routing engine. It provides a system for building modular and reusable interface elements based on standard browser web components, using signals to synchronize data changes and update the user interface automatically. The project functions as a cross-framework component tool, exporting standard web elements that operate consistently across different third-party JavaScript libraries. Its capabilities include single-page application navigation and view routing. It also covers reactive state management, component style man

    Manages smooth screen navigation and state changes through a structured view routing system.

    TypeScriptcomponentscsscustom-elements
    Ver en GitHub↗13,259
  • daimajia/androidviewanimationsAvatar de daimajia

    daimajia/AndroidViewAnimations

    12,446Ver en GitHub↗

    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

    Implements smooth entry and exit animations for UI elements using slides, fades, and zooms.

    Javaandroidanimationeasing-functions
    Ver en GitHub↗12,446
  • dimsemenov/magnific-popupAvatar de dimsemenov

    dimsemenov/Magnific-Popup

    11,329Ver en GitHub↗

    Magnific-Popup is a JavaScript lightbox library and frontend UI component used to display images, videos, and remote HTML content within a responsive overlay window. It functions as a responsive media gallery, providing a dimmed background to focus viewing on specific content. The library distinguishes itself through its ability to fetch and render remote HTML via asynchronous AJAX requests and its support for thumbnail zoom transitions. It includes a gallery system that groups multiple media items with directional controls, progress counters, and background preloading of adjacent assets to e

    Adds animations and smooth zoom effects to transitions between small thumbnails and full-size popup views.

    JavaScript
    Ver en GitHub↗11,329
  • h5bp/effeckt.cssAvatar de h5bp

    h5bp/Effeckt.css

    10,817Ver en GitHub↗

    Effeckt.css is a hardware-accelerated CSS animation library and UI transition framework. It provides a collection of styles designed to create smooth element entrances, exits, and attention-grabbing visual effects while preventing visual stuttering during interface transitions. The library focuses on high-performance animations using GPU-accelerated properties to ensure fluid movement. It enables the simulation of application navigation by sliding page views in and out of the viewport from specified directions. The framework covers a suite of visual capabilities, including directional entran

    Provides a framework of predefined styles for smooth screen navigation and page view transitions.

    CSS
    Ver en GitHub↗10,817
  • reactjs/react-transition-groupAvatar de reactjs

    reactjs/react-transition-group

    10,258Ver en GitHub↗

    This project is a transition component library for React that manages CSS animations during the mounting and unmounting of components. It functions as a CSS class state manager and animation orchestrator, applying specific class sequences to track the entry and exit states of elements. The library coordinates the timing and sequence of multiple elements entering or leaving the screen. This includes managing synchronized group transitions for lists and triggering visual animations when switching between different URL routes. The system covers a range of transition capabilities, including stat

    Coordinates smooth animations and effects during navigation transitions between pages.

    JavaScript
    Ver en GitHub↗10,258
  • microsoft/windows-universal-samplesAvatar de microsoft

    microsoft/Windows-universal-samples

    9,696Ver en GitHub↗

    This repository is a comprehensive collection of reference implementations and sample libraries for the Universal Windows Platform. It provides practical examples of how to use Windows Runtime APIs to build cross-device applications, including detailed guidance on XAML-based declarative user interfaces and DirectX-integrated rendering. The project distinguishes itself by providing a wide array of hardware integration suites, covering low-level communication with USB, Serial, I2C, SPI, and GPIO peripherals. It includes specialized implementations for mixed reality holographic rendering, advanc

    Implements custom visual animations to smooth the transition when switching between application views.

    JavaScript
    Ver en GitHub↗9,696
  • pmndrs/use-gestureAvatar de pmndrs

    pmndrs/use-gesture

    9,618Ver en GitHub↗

    use-gesture is a JavaScript gesture manager and interaction tool designed to detect and process user input patterns. It functions as a React gesture hook library and a general utility for tracking screen coordinates and movement patterns to drive interactive component behaviors. The library specializes in capturing complex mouse and touch interactions, including dragging, pinching, swiping, and scrolling. It provides a system for implementing drag and drop functionality and pinch-to-zoom interactions. The tool covers the development of interactive UI components by normalizing diverse input e

    Translates raw screen coordinates into relative offsets based on the bounding box of targeted elements.

    TypeScript
    Ver en GitHub↗9,618
  • huanghaibin-dev/calendarviewAvatar de huanghaibin-dev

    huanghaibin-dev/CalendarView

    9,383Ver en GitHub↗

    CalendarView is a high-performance Android UI component designed for displaying dates and navigating chronological views. It functions as a canvas-based widget that utilizes direct drawing instead of standard list views to minimize memory usage and ensure fast rendering of complex date interfaces. The component provides a programmable interface for switching between month, week, year, and lunar views. It differentiates itself through a pluggable customization system that allows developers to override the drawing logic for dates, text, event markers, and selection layouts. The library support

    Provides smooth transitions and animations when toggling between different calendar layout views.

    Javaandroidcalendarcalendar-api
    Ver en GitHub↗9,383
  • aksonov/react-native-router-fluxAvatar de aksonov

    aksonov/react-native-router-flux

    8,927Ver en GitHub↗

    This project is a cross-platform mobile navigation library and declarative routing engine. It maps components to named scenes within a centralized configuration to manage application flow and screen transitions. The system distinguishes itself through a variety of specialized navigation patterns, including a mobile drawer navigation system for side menus and a tab navigation framework for organizing top-level views. It also features a modal overlay manager for rendering screens as pop-ups or transparent lightboxes and a deep linking handler that maps incoming URIs to specific application scen

    Triggers transitions to specific scenes, pops screens from the stack, or refreshes views.

    JavaScript
    Ver en GitHub↗8,927
  • ibanimatable/ibanimatableAvatar de IBAnimatable

    IBAnimatable/IBAnimatable

    8,652Ver en GitHub↗

    IBAnimatable is a set of visual design tools for prototyping bespoke interface elements, motion effects, and navigation transitions within a graphical environment. It provides a designer for creating and prototyping animations directly within the Apple Interface Builder environment and a system for building custom interface components through a visual attributes panel. The project distinguishes itself by offering a visual interface transition editor for configuring screen navigation and gesture-driven transitions without manual coding. It includes a prototyping sandbox for testing interaction

    Enables the design of custom navigational movements, including fades and slides, between application views.

    Swift
    Ver en GitHub↗8,652
  • shipshapecode/tetherAvatar de shipshapecode

    shipshapecode/tether

    8,489Ver en GitHub↗

    Tether is a DOM positioning engine designed to anchor floating user interface elements, such as tooltips and dropdowns, to target elements. It functions as a logic engine for managing the placement of overlays and synchronizing the position of secondary elements relative to primary anchors. The system includes collision detection and overflow prevention to ensure that floating menus and overlays remain within the visible viewport. It automatically repositions elements when they encounter page boundaries to prevent visual clipping. The tool manages dynamic element alignment and tracking durin

    Translates relative element offsets into absolute screen coordinates for precise overlay placement.

    JavaScripthacktoberfestjavascriptposition
    Ver en GitHub↗8,489
Ant.12Siguiente
  1. Home
  2. User Interface & Experience
  3. View Transitions

Explorar subetiquetas

  • Coordinate Space Mapping2 sub-etiquetasTechniques for managing global coordinate systems and z-order layering to prevent view clipping during screen transitions. **Distinct from View Transitions:** Focuses on the spatial mapping and layering logic required for transitions, rather than the animation effects themselves.
  • Playback State TransitionsLogic for maintaining playback continuity and parameters during view mode changes. **Distinct from View Transitions:** Focuses on preserving media state across view transitions rather than just visual animations