About this component

Click to shake the lock with a struggle animation, then pop it open with a satisfying shackle snap

Difficulty

Intermediate

Style

Lock Mechanism

Frameworks

HTML/CSS, Tailwind, React, Vue, Angular, Svelte, LWC

Embed this component

Paste this snippet into any site — the design renders in a sandboxed iframe served from /embed/lock-unlock-button.