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): a "Wax seal" submit button. Do NOT wrap it in a card or add a title; show only the component on the backdrop. The component: a cream envelope flap (fine paper texture, soft fold shadow) with a pill button "Send letter" resting on it. Hover: a brass seal stamp with a carved monogram hovers above, casting a soft shadow that tightens as it nears. Click: a drop of deep red wax is poured (glossy blob grows with a viscous spread, slight irregular edge), the stamp presses down with a squash, lifts away, and leaves an embossed seal with a monogram, glossy highlights and a few cracked drips at the rim; the button label changes to "Sealed ✓" and the envelope slides down slightly. Click again to reset (seal fades, wax retracts). Craft: canvas or SVG with real-looking gloss and emboss lighting from top-left, soft floor shadow, spring physics, no linear tweens. Light warm-grey textured backdrop. Switzer (fontshare) for UI, JetBrains Mono small uppercase caption bottom-left "WAX SEAL · SUBMIT BUTTON". Real <button>, keyboard support, 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.
