Corner Border

Corner Border is a button in the UI HUB buttons collection. A button with animated corner brackets that expand outward on hover, creating a targeting / crosshair framing effect.

The component is driven by 6 documented props (children, className, cornerSize, cornerColor, onClick, disabled), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: Four absolute-positioned corner elements; CSS transform expand on hover; Configurable corner color and size.

Preview the button in the browser above, copy the source, and paste it into your project. Buttons components in UI HUB are grouped by category so you can compare effects side by side before choosing one.