diff --git a/registry/components/AnimatedAuroraBackground.json b/registry/components/AnimatedAuroraBackground.json new file mode 100644 index 0000000..4a405e5 --- /dev/null +++ b/registry/components/AnimatedAuroraBackground.json @@ -0,0 +1,22 @@ +{ + "name": "AnimatedAuroraBackground", + "description": "Aurora borealis effect with animated repeating gradients and mix-blend-difference.", + "details": "Use for premium, vibrant backgrounds with flowing aurora animation. Features repeating linear gradients with theme colors (primary-cta, accent, secondary-cta) that animate across the screen. Uses background color for base gradient with 10px blur filter. Optional radial gradient mask (default: true) creates elliptical spotlight effect from top-right. Uses mix-blend-difference blend mode and after pseudo-element for layered animation. Requires aurora keyframes animation in globals.css. Set invertColors to true for light backgrounds, false for dark backgrounds.", + "constraints": {}, + "propsSchema": { + "className?": "string", + "showRadialGradient?": "boolean (default: true)", + "invertColors": "boolean (REQUIRED - true for light backgrounds, false for dark backgrounds)" + }, + "usageExample": "", + "do": [ + "Use for feature showcases", + "Use for capability displays" + ], + "dont": [], + "editRules": { + "textOnly": true, + "layoutLocked": true, + "styleLocked": true + } +}