Starwind Pro

Effect Components

Explore our collection of effect components. Each component includes responsive design, clean code, and comprehensive documentation.

Copy Theme Variables

Copy and paste the following code into your src/styles/starwind.css file (or your custom global CSS file) to use this theme in your project.

Effect 1 - Spotlight
Pro

Spotlight Effect

An interactive spotlight effect that follows your mouse cursor. Perfect for highlighting important content and creating engaging user experiences.

Loading code...

Starwind Dependencies

Sign in to view code and copy install commands.

Sign in

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.

Effect 2 - 3D Tilt
Pro

3D Tilt Effect

Hover over this card to see the 3D tilt effect in action. The card responds to your mouse position with smooth perspective transforms.

Loading code...

Starwind Dependencies

Sign in to view code and copy install commands.

Sign in

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.

Effect 3 - Counting Number
Pro

Counting Number Effect

Smooth animated counters that transition between values using CSS custom properties.

Revenue Growth
$
Active Users
+
Success Rate
%
Projects Completed
Loading code...

Starwind Dependencies

Sign in to view code and copy install commands.

Sign in

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.

Effect 4 - Rotating Gradient Border
Pro

Rotating Gradient Border

Watch as the gradient border continuously rotates around this card, creating a mesmerizing animated effect that draws attention to your content.

Loading code...

Starwind Dependencies

Sign in to view code and copy install commands.

Sign in

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.

Effect 5 - Hover Rotating Gradient Border
Pro

Hover Gradient Border

Hover over this card to activate the rotating gradient border animation. The effect pauses when your mouse leaves, creating an interactive experience.

Loading code...

Starwind Dependencies

Sign in to view code and copy install commands.

Sign in

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.

Effect 6 - Border Fade
Pro

Border Fade Effect

A subtle border effect that fades at the corners, creating an elegant and modern look for your content cards and containers.

Loading code...

Starwind Dependencies

Sign in to view code and copy install commands.

Sign in

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.