Skip to content
aarness.
Marketplace

Skill

React View Transitions

Walks through adding page, list and shared-element animations with React's ViewTransition component, including Next.js routing.

Haarnessverifieddesignreactview transitionsanimationnextjscss
InstallAdd to a workspace

Install

  1. 1

    Get Haarness

    Free and open source. Skip this step if Haarness is already on your computer.

    Download for macOSor
    curl -fsSL https://haarness.ai/install.sh | sh

    Free and open source. Skip this step if Haarness is already on your computer.

    Download for Windowsor
    irm https://haarness.ai/install.ps1 | iex

    Free and open source. Skip this step if Haarness is already on your computer.

    Download for Linuxor
    curl -fsSL https://haarness.ai/install.sh | sh

    Haarness installs on a computer. Open this page there to continue, or use it in the cloud below.

    Haarness installs on a computer. Open this page there to continue, or use it in the cloud below.

    Haarness installs on a computer. Open this page there to continue, or use it in the cloud below.

    Haarness installs on a computer. Open this page there to continue, or use it in the cloud below.

  2. 2

    Add React View Transitions

    Run this in a terminal. Add --global to install for every project, or --local for this project only.

    haarness marketplace install skill haarness/vercel-react-view-transitions

Notes

From vercel-labs/agent-skills (skills/react-view-transitions), by vercel-labs. Licence: MIT. Haarness keeps it in sync with the repository; installs update themselves.

Details

Publisher
Haarness
Version
v1
License
MIT
Visibility
public
Updated
Source
github.com/vercel-labs/agent-skillsskills/react-view-transitions · mainKept in sync · 1a2c79d

Versions

  • v1