Effects: 16 React and Next.js components
Surface effects for backgrounds, borders, glass and text, restrained by default. Each one has a page with a live preview and its install command.
- Fx Aurora Background
Luminous aurora hero section on high-end SaaS landing page.
- Fx Background Patterns
Dot grid background with radial fade behind an AI chat landing hero.
- Fx Beam Border
Feature cards with an energetic travelling beam of light along the contour.
- Fx Blob Morph
Floating organic aurora blobs behind an AI agent landing hero.
- Fx Flickering Grid
Status page header behind the overall system state and subscribe action.
- Fx Foundation
Glowing hero panel on a dark marketing landing page.
- Fx Glass Surface
Floating glass navigation bar with blur and subtle bottom rim highlight.
- Fx Gradient Border
Interactive feature cards on marketing landing with cursor-tracking gradient hover border.
- Fx Gradient Text
Hero headline on dark marketing landing page with traveling shimmer light sweep.
- Fx Light Beams
High-impact landing page hero headers with illuminated focal spotlight.
- Fx Meteor Shower
Changelog hero card behind the latest release headline.
- Fx Noise Grain
Gradient landing hero with fine film grain to remove colour banding.
- Fx Perspective Grid
Product launch or launch-week banner with a neon horizon grid.
- Fx Ripple Background
Empty inbox state with the rings centred on the inbox icon.
- Fx Spotlight Grid
Pricing section backdrop behind plan cards.
- Fx Wave Divider
Landing page hero to features section transition with dark premium crest waves.