About Hero section

VortexField is a futuristic, highly customizable animated background component for Framer, designed to create immersive hero sections and modern digital experiences.

Create a complete AI or technology hero section with a customizable logo, navigation CTA, eyebrow text, headline, description, and buttons — all directly editable from Framer without touching code.

How to Use

1. Add the Component

Drag VortexField onto your Framer canvas and place it inside your section or frame.

2. Customize Logo & Hero

Add your logo/brand name, navigation CTA, eyebrow, heading, description, and CTA buttons.

3. Set the Background

Use Background to choose your base color.

4. Customize Colors

Strands — Flowing lines
Dots — Particle color
Comets — Glowing particles

5. Adjust the Shape

Customize Top, Waist, Waist Pos, Bottom, Twist, and Zoom to change the overall form.

6. Control Animation

Adjust Speed, Direction, Offset Y, and Strands to control the movement.

7. Show / Hide Elements

Toggle Dots and Comets on or off.

8. Add Interaction

Turn Repel on and adjust Repel Radius and Repel Force for an interactive cursor effect.

9. Make It Yours

Combine the settings to create your own futuristic visual. Perfect for AI, SaaS, technology, portfolios, and creative websites.

Hero section