Lycoris Specimen

Scroll-driven WebGL 3D landing page: a procedurally modelled red chrome spider lily anchors a type specimen, with one continuous camera move scrubbed across six pinned frames. Use as an editorial, product or portfolio landing hero. Zero dependencies, React only.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Lycoris Specimen to your project and fits it to your theme.

"use client"

import LycorisSpecimen from "@/components/ui/lycoris-specimen"

export default function Demo() {
  // w-full is load-bearing: 21st centres every demo in a flex wrapper, and a
  // flex item left at width:auto shrinks to fit its contents — which, with a
  // child asking for 100%, resolves to 0px wide.
  return (
    <div className="w-full">
      <LycorisSpecimen />
    </div>
  )
}