> ## Documentation Index
> Fetch the complete documentation index at: https://hyperframes.heygen.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Facet Morph
> A faceted low-poly mass of 36 triangles continuously reshapes between three authored silhouettes (blob, mark, badge) with per-facet flat shading that recomputes as the vertices move. Light reads from the upper left; lit facets lift toward a pale accent-tinted tone while turned-away facets fall toward near-black. One calm continuous morph, then a settled hold.
export const InstallCommand = ({command}) => {
const [copied, setCopied] = React.useState(false);
const copy = async () => {
try {
if (navigator.clipboard && window.isSecureContext) {
await navigator.clipboard.writeText(command);
} else {
const previous = document.activeElement;
const scratch = document.createElement("textarea");
scratch.value = command;
scratch.setAttribute("readonly", "");
scratch.style.position = "fixed";
scratch.style.opacity = "0";
document.body.appendChild(scratch);
scratch.select();
document.execCommand("copy");
document.body.removeChild(scratch);
previous?.focus?.();
}
setCopied(true);
setTimeout(() => setCopied(false), 2000);
} catch {}
};
return
{command}
{copied ? "Copied" : ""}
;
};