Effect 13 - Rotating Trail Border

Pro

A premium animated border effect that looks like a single trail of the primary accent color rotating continuously around the element.

Prev Next

Theme

Upgrade to Pro

Rotating Trail Border

A sleek, high-end effect featuring a single rotating trail that elegantly follows the contours of your component. Perfect for adding a subtle but premium touch.

Fast Red Trail

Reversed thick trail

Loading code...

Starwind Dependencies

This component requires Starwind Pro.

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

Upgrade to Pro

Failed to load code. Please try again.

Code

Usage

<Effect13
  border-width={2}
  duration={4}
  trail-color="var(--color-primary-accent)"
  direction="normal"
  trail-length={80}
/>

Props

prop	type	default	description
`borderWidth`	`number`	`2`	Border width in pixels.
`duration`	`number`	`4`	Animation duration in seconds.
`direction`	`"normal" \| "reverse"`	`"normal"`	Rotation direction for the animated trail.
`color`	`string`	`"var(--color-primary-accent)"`	Color used for the rotating trail.
`trailLength`	`number`	`80`	Length of the visible trail in degrees.