animated-card-stack/package.json at main · Appllama/animated-card-stack · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
{
  "name": "animated-card-stack",
  "version": "1.0.0",
  "private": true,
  "type": "module",
  "license": "MIT",
  "description": "An animated glass card deck — measured shuffle motion, live text, inline SVG art and a synthesized swipe cue.",
  "scripts": {
    "dev": "vite --host 127.0.0.1",
    "build": "tsc -b && vite build",
    "preview": "vite preview",
    "typecheck": "tsc -b --pretty false",
    "verify": "npm run typecheck && npm run build",
    "generate:sfx": "node scripts/generate-sfx.mjs",
    "remotion:studio": "remotion studio src/remotion/index.ts --no-open",
    "remotion:compositions": "remotion compositions src/remotion/index.ts",
    "render:brand-square": "remotion render src/remotion/index.ts CardsBrandSquare out/animated-card-stack-3000x3000.mp4 --codec=h264 --image-format=png --gop=1 --pixel-format=yuv420p --color-space=bt709 --crf=16 --audio-codec=aac --audio-bitrate=320k --gl=angle --overwrite",
    "still:brand-square": "remotion still src/remotion/index.ts CardsBrandSquare out/animated-card-stack-preview.png --frame=90 --scale=0.32 --gl=angle --overwrite",
    "render:square": "remotion render src/remotion/index.ts CardsSquare out/animated-card-stack-3000x3000.mp4 --codec=h264 --image-format=png --gop=1 --pixel-format=yuv420p --color-space=bt709 --crf=16 --audio-codec=aac --audio-bitrate=320k --concurrency=1 --disallow-parallel-encoding",
    "render:masthead-4k": "remotion render src/remotion/index.ts CardsMasthead4K out/animated-card-stack-3840x3840.mp4 --codec=h264 --image-format=png --gop=1 --pixel-format=yuv420p --color-space=bt709 --crf=16 --audio-codec=aac --audio-bitrate=320k --concurrency=1 --disallow-parallel-encoding --gl=swangle --hardware-acceleration=disable --x264-preset=medium --timeout=120000 --overwrite",
    "render:landscape": "remotion render src/remotion/index.ts CardsLandscape out/animated-card-stack-1212x676.mp4 --codec=h264 --image-format=png --gop=1 --pixel-format=yuv420p --color-space=bt709 --crf=16 --audio-codec=aac --audio-bitrate=320k --concurrency=1 --disallow-parallel-encoding --gl=swangle",
    "render:gif": "node scripts/render-gif.mjs",
    "still:square": "remotion still src/remotion/index.ts CardsSquare out/animated-card-stack-preview.png --frame=0 --scale=0.25",
    "still:masthead-4k": "remotion still src/remotion/index.ts CardsMasthead4K out/animated-card-stack-masthead-preview.png --frame=0 --scale=0.25 --gl=swangle",
    "still:landscape": "remotion still src/remotion/index.ts CardsLandscape out/animated-card-stack-landscape-preview.png --frame=0"
  },
  "dependencies": {
    "@fontsource/lato": "^5.3.0",
    "@remotion/cli": "4.0.506",
    "@remotion/media": "4.0.506",
    "react": "^19.2.3",
    "react-dom": "^19.2.3",
    "remotion": "4.0.506"
  },
  "devDependencies": {
    "@types/react": "^19.2.14",
    "@types/react-dom": "^19.2.3",
    "@vitejs/plugin-react": "^5.1.2",
    "typescript": "^5.9.3",
    "vite": "^7.3.1"
  }
}