Ember Field
Pro
Glowing embers drifting upward on a canvas that fills its parent.
Into the fire
Customize
70
1
#ff784f
Installation
Ember Field is part of Pro. After purchase you're invited to the private mekai-ui/mekai-ui-pro GitHub repository: copy ember-field.tsx into components/ui and run npm install motion.
Usage
import { EmberField } from "@/components/ui/ember-field";
<section className="relative h-[600px]">
<EmberField count={70} speed={1} color="#ff784f" className="absolute inset-0" />
</section>Props
4 properties| Property | Type | Default | Description |
|---|---|---|---|
| count | number | 70 | Embers on screen at once. |
| speed | number | 1 | Rise speed multiplier. |
| color | string | "#ff784f" | Ember color as a hex value. |
| className | string | — | Extra classes for the canvas. |
Dependencies: motion