Aura Pricing Card

Aura Pricing Card is a self-contained Framer code component. No Tailwind, no external CSS, nothing to install alongside it. Drop it on the canvas and everything is editable from the properties panel.

The aura is a conic gradient with a bright head and a tail that fades to transparent, animated by rotating the gradient angle rather than shifting hues, so the light actually travels instead of cycling colors in place. You control tail length, fade curve, number of comets, direction, speed, blur, spread, and ring thickness. A Full Ring mode is included if you want the whole border lit at once.

If you use it, I'd like to know which settings you landed on — especially tail length and speed, since those change the personality more than anything else. And if you've built something similar, I'm curious how you handled the light on a white background. That's the case I haven't solved well yet.