# How Web Browsers Create Fluid Animations Without Reloading Pages

> A method for web browsers to render smooth, real-time animations by using a downloaded engine that calculates transitions on the fly instead of refreshing the entire page.

- **Patent:** US RE48596
- **Original title:** USRE48596E1 - Interface engine providing a continuous user interface
- **Owner:** Intel Corp
- **Granted:** 2021
- **Status:** Active
- **Times cited:** 0
- **Field:** software, consumer_electronics, ecommerce

## What it does

This patent describes an interface engine that runs inside a web browser to manage how elements on a screen look and move. Instead of the browser constantly fetching new, static pages from a server to show changes, the engine downloads executable code that handles the rendering locally. When a user interacts with the interface, the engine uses specific components—layouts, constraints, and animators—to calculate the transition between visual states. For example, if a user clicks to expand a menu, the engine calculates the intermediate frames of that expansion in real-time, creating a fluid animation that was not pre-calculated or stored as a static file on the server.

## What it does NOT cover

- Does not cover standard HTML/CSS animations that are pre-defined by the developer before the user interacts with the page.
- Does not cover server-side rendering where the server calculates the visual transition and sends the resulting frames to the client.
- Does not cover interfaces that rely on full page refreshes to update content states.
- Does not cover hardware-level graphics acceleration that operates independently of the browser's interface engine.

## The clever bit

The innovation lies in the 'non-predetermined' nature of the transition; the engine calculates the animation frames dynamically based on the current state of the interface, rather than playing back a pre-recorded animation file.

## Real-world examples

1. Modern web-based dashboards like Google Analytics
2. Interactive data visualization tools
3. Single-page web applications (SPAs)
4. Browser-based UI frameworks

## Why it matters

This technology was a precursor to the modern 'Single Page Application' (SPA) architecture. By shifting the burden of rendering from the server to the client browser, it enabled the highly responsive, app-like experiences we now expect from web-based tools. It effectively bridged the gap between static document viewing and interactive software applications within a browser window.

## Frequently asked questions

### What does How Web Browsers Create Fluid Animations Without Reloading Pages cover?

A method for web browsers to render smooth, real-time animations by using a downloaded engine that calculates transitions on the fly instead of refreshing the entire page.

### Who owns patent US RE48596?

Intel Corp owns this patent, granted in 2021.

### When does this patent expire?

This patent is expected to expire on June 15, 2041, when the invention enters the public domain.

### What problem does this patent solve?

This technology was a precursor to the modern 'Single Page Application' (SPA) architecture. By shifting the burden of rendering from the server to the client browser, it enabled the highly responsive, app-like experiences we now expect from web-based tools. It effectively bridged the gap between static document viewing and interactive software applications within a browser window.

### What does this patent NOT cover?

Does not cover standard HTML/CSS animations that are pre-defined by the developer before the user interacts with the page.

**Full plain-English explainer:** https://patentbrief.org/patent/us/RE48596/nest-protect-smoke-co-detector

**Original patent:** https://patents.google.com/patent/USRE48596

---

_Source: PatentBrief — https://patentbrief.org. Patent facts are from public records; the plain-English explanation is PatentBrief's._