feat(videos): add shared animation components (grain, clip reveal, tool pill, counter, etc.)

2026-08-03 07:46:42 +02:00 · 2026-05-08 16:12:05 +08:00
parent dfeb358bb8
commit 447ef3a07e
9 changed files with 303 additions and 4 deletions
@@ -0,0 +1,20 @@
+import type React from "react";
+
+export const PhotoPlaceholder: React.FC<{
+  width: number;
+  height: number;
+  hue?: number;
+  style?: React.CSSProperties;
+}> = ({ width, height, hue = 30, style }) => (
+  <div
+    style={{
+      width,
+      height,
+      borderRadius: 8,
+      background: `linear-gradient(135deg, hsl(${hue}, 60%, 65%) 0%, hsl(${hue + 30}, 50%, 55%) 100%)`,
+      border: "1.5px solid rgba(255,255,255,0.15)",
+      boxShadow: "0 8px 24px rgba(0,0,0,0.3)",
+      ...style,
+    }}
+  />
+);