Foldable

Folded card that opens like the iPhone Duo, blurring as the cover turns.

Installation

terminal

pnpm dlx layro-cli add @ncdai/foldable

npx layro-cli add @ncdai/foldable

npx layro-cli add @ncdai/foldable

bunx layro-cli add @ncdai/foldable

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Dependencies

Demo

"use client"

import { createContext, use, useId, useMemo, useRef, useState } from "react"
import type {
  ComponentProps,
  CSSProperties,
  PointerEvent,
  ReactNode,
} from "react"
import {
  animate,
  motion,
  useMotionValue,
  useMotionValueEvent,