# Effects: Agentic UI Kit

> 16 effects for React and Next.js, installable from the Agentic UI Kit registry. Surface effects for backgrounds, borders, glass and text, restrained by default.

Page with live previews: https://agentic-ui-kit.com/components/category/effects

- [Fx Aurora Background](https://agentic-ui-kit.com/components/fx-aurora-background.md): Luminous aurora hero section on high-end SaaS landing page.
- [Fx Background Patterns](https://agentic-ui-kit.com/components/fx-background-patterns.md): Dot grid background with radial fade behind an AI chat landing hero.
- [Fx Beam Border](https://agentic-ui-kit.com/components/fx-beam-border.md): Feature cards with an energetic travelling beam of light along the contour.
- [Fx Blob Morph](https://agentic-ui-kit.com/components/fx-blob-morph.md): Floating organic aurora blobs behind an AI agent landing hero.
- [Fx Flickering Grid](https://agentic-ui-kit.com/components/fx-flickering-grid.md): Status page header behind the overall system state and subscribe action.
- [Fx Foundation](https://agentic-ui-kit.com/components/fx-foundation.md): Glowing hero panel on a dark marketing landing page.
- [Fx Glass Surface](https://agentic-ui-kit.com/components/fx-glass-surface.md): Floating glass navigation bar with blur and subtle bottom rim highlight.
- [Fx Gradient Border](https://agentic-ui-kit.com/components/fx-gradient-border.md): Interactive feature cards on marketing landing with cursor-tracking gradient hover border.
- [Fx Gradient Text](https://agentic-ui-kit.com/components/fx-gradient-text.md): Hero headline on dark marketing landing page with traveling shimmer light sweep.
- [Fx Light Beams](https://agentic-ui-kit.com/components/fx-light-beams.md): High-impact landing page hero headers with illuminated focal spotlight.
- [Fx Noise Grain](https://agentic-ui-kit.com/components/fx-noise-grain.md): Gradient landing hero with fine film grain to remove colour banding.
- [Fx Ripple Background](https://agentic-ui-kit.com/components/fx-ripple-background.md): Empty inbox state with the rings centred on the inbox icon.
- [Fx Spotlight Grid](https://agentic-ui-kit.com/components/fx-spotlight-grid.md): Pricing section backdrop behind plan cards.
- [Fx Wave Divider](https://agentic-ui-kit.com/components/fx-wave-divider.md): Landing page hero to features section transition with dark premium crest waves.
- [Fx Perspective Grid](https://agentic-ui-kit.com/components/fx-perspective-grid.md): Product launch or launch-week banner with a neon horizon grid.
- [Fx Meteor Shower](https://agentic-ui-kit.com/components/fx-meteor-shower.md): Changelog hero card behind the latest release headline.