Code · Claude Sonnet 5.5
A single, original, premium
A single, original, premium, fully functional and animated UI component on its own page, in one self-contained HTML file (no libraries): an "Instant photo" image upload dropzone. Do NOT wrap it in a card or add a title; show only the component on the backdrop. The component: an instant-film photo frame (thick white bottom border, slightly glossy, soft shadow, tiny tilt) with a dark grey-green undeveloped area and a handwritten-style label line under it saying "Drop a photo". Drag a real image file over it (or click to pick one with a hidden file input): the frame lifts and tilts toward the cursor. On drop, the photo "develops": the image fades in from murky blue-grey to full color over ~3 seconds with uneven chemical blooming (a canvas mask with noise spreading from the edges inward), slight warm tint settling to neutral, while the frame does a little shake as if being waved. The label becomes the file name. If no file is chosen, a "Try sample" text button develops a built-in procedural sample image (a sunset gradient with sea and sun drawn on canvas). A small "×" resets it. Craft: realistic paper and gloss, soft floor shadow, spring physics, no linear tweens. Soft light warm-grey textured backdrop. Switzer (fontshare) for UI, JetBrains Mono small uppercase caption bottom-left "INSTANT PHOTO · UPLOAD". Keyboard accessible (Enter/Space opens picker), aria-live status, prefers-reduced-motion respected. Centered, responsive, great at 1280×800.
Sourasith Phomhome@sourasithp- Model
- Claude Sonnet 5.5
- Made by
- Sourasith Phomhome
- Shared
- Likes
- 0
Use its prompt, turn it into a video or a 3D model, or find more like it in Fil. Fil is invite-only for now: without an invitation, Open in Fil shows the waitlist.
