Aurora Command
Futuristic portfolio with aurora effects and command center aesthetics.
Main Features of Aurora Command
How to Use Aurora Command in Next.js
Installation Guide for Aurora Command
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
primaryColor | string | #00f0ff | Primary neon color for aurora effects and highlights. |
secondaryColor | string | #ff0055 | Secondary neon color for contrast and depth. |
glowIntensity | number | 1 | Intensity of glow effects (0-2). |
animationSpeed | number | 1 | Speed of aurora animations (0.5-2). |
darkMode | boolean | true | Enable dark mode background. |
Related Components
Cartoonish
Playful cartoon-style hero section with fun animations and vibrant colors.
Draggable
Interactive hero section with draggable elements and smooth physics-based interactions.
Glass Operating System
Glassmorphism hero section with frosted glass effects and modern OS-inspired design.
When to Use
Best Practices
Why This Component Matters in Modern UI Development
Frequently Asked Questions
QHow is the aurora made?
It uses layered, semi-transparent gradients with extreme blur and CSS animations to simulate the shifting lights of the northern sky.
QCan I change the neon colors?
Yes, the `primaryColor` and `secondaryColor` props allow you to set the 'Aurora' palette to match your brand's specific neon theme.
QDoes it work in light mode?
The template features a `darkMode` prop to toggle the background, but the aurora effects are most impactful on deep indigo or black bases.