Apple Watch Ultra

A watch face with a digital display, complications, and interactive elements. It shows data like temperature, altitude, and compass direction. Use it to visualize a smartwatch interface with dynamic details.

byjordan from Cult UI

Installation

terminal

pnpm dlx layro-cli add @nolly-studio/apple-watch-ultra

npx layro-cli add @nolly-studio/apple-watch-ultra

npx layro-cli add @nolly-studio/apple-watch-ultra

bunx layro-cli add @nolly-studio/apple-watch-ultra

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

Code

Demo

"use client"

import { useCallback, useRef, useState } from "react"
import { Compass, Mountain, Sun, Thermometer } from "lucide-react"
import {
  AnimatePresence,
  LayoutGroup,
  motion,
  useReducedMotion,
} from "motion/react"

import { cn } from "@/lib/utils"

const DETAIL_HOLD_MS = 2000