Plasma Rise
An upward-rising plasma effect with deep background colors and muted red/brown tones, featuring warm white specular highlights.
Main Features of Plasma Rise
How to Use Plasma Rise in Next.js
Installation Guide for Plasma Rise
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
color1 | string | #050505 | Deep background color |
color2 | string | #331111 | Main rising color |
speed | number | 1.0 | Upward velocity |
intensity | number | 0.5 | Shine/Specular amount |
Related Components
Interstellar Fluid Hero
Interactive fluid simulation creating cosmic nebula effects with mouse interaction. Deep space aesthetic with animated gas clouds and star trails.
Interstellar Background Hero
Warp tunnel effect simulating high-velocity travel through nebular clusters. Procedural WebGL engine with mouse-responsive space distortion.
Liquid Chrome Hero
Procedural simulation of molten chrome alloys with velocity-based distortion. Interactive liquid metal surface with specular highlights.
When to Use
Best Practices
Why This Component Matters in Modern UI Development
Frequently Asked Questions
QHow do I make the glow stronger?
Increase the `intensity` prop to sharpen the specular highlights and make the plasma threads appear brighter.
QCan the speed be negative?
The current logic is optimized for rising motion, but you can adjust the `speed` to slow it down to a near-static drift.
QIs there a grain effect?
Yes, a premium fine grain is built-in to prevent banding and add a cinematic texture to the background.