davidkpiano/flipping

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

1420 stars · 51 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A TypeScript library for implementing FLIP (First-Last-Invert-Play) transitions in web applications, with adapters for different animation APIs. It tracks elements via data-flip-key attributes and animates them smoothly across layout changes.

Use cases

• animate shared element transitions between views
• smoothly animate layout changes with the FLIP technique
• create gallery-to-detail photo transitions
• animate elements when DOM structure changes
• implement seamless page transition animations in vanilla JS

When to choose

• you want FLIP animations without a heavy framework dependency
• you need framework-agnostic shared element transitions
• you want fine-grained control over read/flip lifecycle hooks

When to avoid

• you use a framework with built-in FLIP support like Framer Motion or React Spring
• the project needs actively developed features or frequent updates
• you only need simple CSS transitions without layout animation

Facets

library · maturity maintenance

animation frontend web-development browser flip-technique css-transitions layout-animations typescript nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="davidkpiano/flipping")