> ## Documentation Index
> Fetch the complete documentation index at: https://hyperframes-feat-video-primitives-registry.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# App Showcase
> Fitness app product showcase with three floating smartphone screens
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" : ""}
;
};
## Install
That writes one file: `compositions/app-showcase.html`.
## Source
```html theme={null}
app-showcase
Unleash Full Potential
START NOW
JM
James Medrano
Premium Member
Weekly Goal
2/3
MTWTFSS
Your ProgressSee all
Running5.2 km
Cycling12.8 km
Strength45 min
Burned Calories
740 kcal
MonTueWedThuFriSatSun
Active540
Rest200
```
## Usage
After installing, add the block to your host composition:
```html theme={null}
```
Tagged `showcase` `app` `3d`.
## Related topics
* [Browse the complete Catalog](/catalog)
* [Add assets and Catalog items in Studio](/studio/assets-and-blocks)
* [Build a richer composition](/go-further)