Effect 7 - Corner Bumpers

Free

A wrapper component that adds thick border segments only at the corners, creating a modern bracket-style frame effect without rounded corners.

Theme

Upgrade to Pro

A sharp, modern frame effect with thick border segments only at the corners. Perfect for creating a technical or editorial aesthetic.

Loading code...

This component requires Starwind Pro.

Get lifetime access to all premium components, updates, and priority support.

Failed to load code. Please try again.

Code

Usage

<Effect7
  corner-length={16}
  border-width={3}
/>

prop	type	default	description
`cornerLength`	`number`	`16`	Length of each corner border segment in pixels.
`borderWidth`	`number`	`3`	Thickness of the corner border segments in pixels.