Showing 22 open source projects for "transitions"

View related business solutions
  • MongoDB Atlas runs apps anywhere Icon
    MongoDB Atlas runs apps anywhere

    Deploy in 115+ regions with the modern database for every enterprise.

    MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
    Start Free
  • Go From AI Idea to AI App Fast Icon
    Go From AI Idea to AI App Fast

    One platform to build, fine-tune, and deploy ML models. No MLOps team required.

    Access Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
    Try Free
  • 1
    next-view-transitions

    next-view-transitions

    Use CSS View Transitions API in Next.js App Router

    The next-view-transitions project is a library that brings the CSS View Transitions API into Next.js applications using the App Router. It enables smooth, animated transitions between pages without requiring complex animation logic or external libraries. By wrapping application layouts with a dedicated component, developers can automatically apply transition effects when navigating between routes.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 2
    barba.js

    barba.js

    Create badass, fluid and smooth transitions between website’s pages

    Barba.js — aka Barba — is a small (7kb minified and compressed) and easy-to-use library that helps you create fluid and smooth transitions between your website's pages. It makes your website run like a SPA (Single Page Application) and help reduce the delay between your pages, minimize browser HTTP requests and enhance your user's web experience.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 3
    Remotion

    Remotion

    Make videos programmatically with React

    Remotion is a cutting-edge library that lets developers create real videos programmatically using React components, transforming familiar UI paradigms into a flexible, code-driven video production workflow. Instead of traditional timeline editors, Remotion leverages HTML, CSS, and JavaScript to define video frames, animations, and transitions, which means developers can use states, props, loops, and component hierarchies to automate complex motion graphics. Because it integrates with the React ecosystem, Remotion fits naturally into modern front-end stacks and tooling, and can produce dynamic content like personalized videos, dashboards, and data-driven animations with the same code used to build interactive web apps. ...
    Downloads: 22 This Week
    Last Update:
    See Project
  • 4
    Animated hamburger menu icons for React

    Animated hamburger menu icons for React

    Animated hamburger menu icons for React

    Hamburger menu icons for React, with CSS-driven transitions. Created to be as elegant and performant as possible. This means no JavaScript animations, no transitions on non-cheap properties and a small size. It is recommended to have a tap/click area of at least 48x48 pixels. Therefore, padding will be added around the icon to create a surface of exactly this size. Keyboard interaction is provided with the enter key, and the icon element has the recommended accessibility attributes (such as role). ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • Application Monitoring That Won't Slow Your App Down Icon
    Application Monitoring That Won't Slow Your App Down

    AppSignal's Rust-based agent is lightweight and stable. Already running in thousands of production apps.

    Full APM with errors, performance, logs, and uptime monitoring. 99.999% uptime SLA on the platform itself.
    Start Free
  • 5
    AngularUI Router

    AngularUI Router

    The solution to flexible routing with nested views in AngulaJS

    UI-Router provides state based routing. Each feature of an application is defined as a state. One state is active at any time, and UI-Router manages the transitions between the states. Each state describes the URL, the UI (a view or views), data prerequisites, and other logical prerequisites (such as authentication) for a feature. Before activating a state, UI-Router first fetches any prerequisites (asynchronously), and then activates the view(s) and updates the URL. UI-Router states are hierarchical; states can be nested inside other states, forming a tree. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    Easings.net

    Easings.net

    Easing Functions Cheat Sheet

    Easings .net is a visualization and reference project dedicated to easing functions, which are widely used in animations and transitions to create natural motion. Instead of linear changes, easing functions help define how values accelerate or decelerate over time, resulting in smoother and more dynamic effects. The project provides a clear, interactive showcase of common easing equations such as quadratic, cubic, quartic, and elastic functions. It is a valuable resource for developers and designers who want to understand and compare different easing behaviors before applying them to web animations, game mechanics, or UI interactions. ...
    Downloads: 5 This Week
    Last Update:
    See Project
  • 7
    Riffusion App

    Riffusion App

    Stable diffusion for real-time music generation (web app)

    Riffusion App Hobby is an open-source interactive web application that enables real-time music generation using stable diffusion models adapted for audio synthesis. Unlike traditional music generation tools, it treats audio as spectrogram images and applies diffusion techniques to generate continuous sound transitions, allowing users to create evolving musical loops and compositions. The application is built with modern web technologies including Next.js, React, and three.js, providing a responsive and visually engaging interface for experimentation. It relies on a separate inference server to perform model computations, enabling flexible deployment depending on hardware capabilities. ...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 8
    TanStack Router

    TanStack Router

    Fully typesafe Router for React (and friends) w/ built-in caching

    TanStack Router is a modern, fully type-safe routing library designed for React and Solid applications, offering robust routing capabilities with first-class support for data loading, search parameters, nested layouts, and seamless integration with client-side caching libraries like TanStack Query. nd‑to‑end type safety (routes, params, loaders). Schema‑driven search params with validation. Built‑in caching, prefetching & invalidation. Nested layouts, transitions & error boundaries.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 9
    Apple Music-like Lyrics

    Apple Music-like Lyrics

    A lyric player component library aims to look similar to iPad

    ...It is designed to render time-synced lyrics in a way that emphasizes readability and immersion, often using techniques such as progressive highlighting, scrolling alignment, and transitions that follow the rhythm of the music. The project demonstrates how modern web technologies can be used to replicate complex media UI patterns that were traditionally limited to native applications. It supports parsing lyric formats with timestamp metadata and synchronizing them with playback, enabling accurate alignment between audio and text. ...
    Downloads: 3 This Week
    Last Update:
    See Project
  • Forever Free Full-Stack Observability | Grafana Cloud Icon
    Forever Free Full-Stack Observability | Grafana Cloud

    Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

    Built on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
    Create free account
  • 10
    AFFiNE

    AFFiNE

    There can be more than Notion and Miro

    One hyper-fused platform for wildly creative minds. A privacy-focused, local-first, open-source, and ready-to-use alternative for Notion & Miro. There can be more than Notion and Miro. AFFiNE is a next-gen knowledge base that brings planning, sorting, and creating all together. Privacy first, open-source, customizable, and ready to use. A modern block editor can help you not only for docs, but slides and tables as well. When you write in AFFiNE you can use Markdown syntax which helps create...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 11
    OSRS .json Hiscores

    OSRS .json Hiscores

    The Oldschool Runescape API wrapper that does more

    ...The official API typically returns CSV or basic arrays, which can be difficult to work with, so this project restructures the data into meaningful objects that include player stats, rankings, and inferred metadata. It also adds additional logic to determine player game modes, including historical transitions such as de-ironing or hardcore status changes. The library includes functions for retrieving leaderboard pages, skill rankings, and activity statistics, making it suitable for building analytics dashboards or game-related applications. It supports TypeScript with full type definitions, improving developer experience and reliability when integrating into backend systems.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    Sera UI

    Sera UI

    UI component library for React, Next.js, and other JSX frameworks

    ...The library includes a growing collection of reusable components such as buttons, forms, modals, tabs, and layout elements, all crafted with attention to design quality and usability. It also integrates animation capabilities through Framer Motion, enabling smooth transitions and micro-interactions that enhance user experience without requiring complex implementation.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    dnd kit

    dnd kit

    Accessible and extensible drag & drop toolkit for React

    ...The core of the library weighs around 10kb minified and has no external dependencies. It's built around built-in React state management and context, which keeps the library lean. Customize every detail: animations, transitions, behaviours, styles. Build your own sensors, collision detection algorithms, customize key bindings and so much more.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    RenJS

    RenJS

    RenJS Typescript Version

    RenJS V2 is a TypeScript-based visual novel engine built on Phaser, designed to help creators develop interactive storytelling experiences. It offers a script-like syntax for defining scenes, dialogues, and character interactions.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    anichart.js

    anichart.js

    Easily create data visualization animation videos

    ...It allows developers to create time-based animations that display ranking changes and trends in an engaging and visually intuitive way. The library provides tools for rendering charts on a canvas, managing transitions, and synchronizing data over time. It supports exporting animations as video files, making it suitable for content creation and storytelling. The system includes configurable chart elements such as labels, images, and formatting options for dates and values. It is designed for both web-based visualization and offline rendering workflows. ...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 16
    Vue Starport

    Vue Starport

    Shared component across routes with animations

    Vue Starport is a library for Vue 3 that allows shared components to animate across route transitions while preserving internal component state. Traditional transitions between routes in Vue often destroy and recreate components, losing state. Starport solves this by hoisting the component to a root level container (<StarportCarrier>), using a proxy at the source and destination positions, and then using Teleport to land the component in its new place.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    slide-element

    slide-element

    Promise-based library for animating elements with dynamic heights

    ...Instead, element heights are calculated based on their contents, and then the appropriate values are applied to trigger a smooth, native transition. The animations themselves are powered by the same mechanics used within CSS transitions, making it one of the best ways to pull it off in terms of performance.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    Resize Observer

    Resize Observer

    Polyfills the ResizeObserver API

    A minimal library which polyfills the ResizeObserver API and is entirely based on the latest Specification. It immediately detects when an element resizes and provides accurate sizing information back to the handler. Check out the Example Playground for more information on usage and performance. The latest Resize Observer specification is not yet finalised and is subject to change. Any drastic changes to the specification will bump the major version of this library, as there will likely be...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 19
    NeoPOP

    NeoPOP

    NeoPOP components library based on CRED's design system

    ...The components are designed to be flexible and customizable, allowing developers to adapt them to different use cases while maintaining visual consistency. The library includes optimized animations and transitions that enhance user interaction without compromising performance. It is primarily optimized for mobile web experiences, ensuring smooth rendering and responsiveness on smaller screens.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    SandDance

    SandDance

    Visually explore, understand, and present your data

    By using easy-to-understand views, SandDance helps you find insights about your data, which in turn help you tell stories supported by data, build cases based on evidence, test hypotheses, dig deeper into surface explanations, support decisions for purchases, or relate data into a wider, real world context. SandDance uses unit visualizations, which apply a one-to-one mapping between rows in your database and marks on the screen. Smooth animated transitions between views help you to maintain context as you interact with your data. This new version of SandDance has been rebuilt from scratch with the goal of being modular, extensible, and embeddable into your custom applications. We are open and driven by the community through contributions, feature requests, and discussion. SandDance was created by the Microsoft Research VIDA Group which explores novel technologies for visualization and immersive data analytics.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    After.js

    After.js

    Next.js-like framework for server-rendered React apps

    ...Static route configs are fine. Next.js's getInitialProps was/is a brilliant idea. Route-based code-splitting should come for free or be easy to opt into. Route-based transitions/analytics/data loading/preloading etc., should either come for free or be trivial to implement on your own. After.js enables Next. js-like data fetching with any React SSR app that uses React Router. You can quickly bootstrap an SSR React app with After.js using Razzle. While Razzle is not required, this documentation assumes you have the tooling setup for an isomorphic React application. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    react-native-image-viewer

    react-native-image-viewer

    tiny & fast lib for react native image viewer pan and zoom

    ...It allows developers to display images in a modal or gallery format with features such as zooming, swiping, and gesture-based navigation. The component is optimized for performance, ensuring smooth transitions and responsiveness even with large image sets. It is highly customizable, allowing developers to adjust styles, behaviors, and controls to match their application design. The library is widely used in mobile apps that require rich media presentation, such as social platforms or galleries. It simplifies implementation by abstracting complex gesture handling and rendering logic. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • Next
MongoDB Logo MongoDB