{
    "id": "bhaskar/lime-aqua-aurora-background",
    "kind": "component",
    "title": "Lime Aqua Aurora Background",
    "summary": "A fresh aurora wash of lime, mint and sky blue blended with soft radial gradients.",
    "author": "Admin",
    "stars": 0,
    "url": "https://ownlyplans.com/bhaskar/lime-aqua-aurora-background/",
    "stack": [],
    "tools": [
        "claude-code",
        "cursor",
        "lovable"
    ],
    "difficulty": "beginner",
    "license": "mit",
    "version": "1.0",
    "overview": "A light aurora gradient: lime glow top-left, mint centre, azure pooling at the bottom. Pure CSS, no images.",
    "steps": [],
    "files": [],
    "install": "",
    "how_to_use": "Use the component code (html, css, js, or react) directly, or run the install command.",
    "component": {
        "category": "Backgrounds",
        "html": "<div class='bg'><span>Your content</span></div>",
        "css": ".bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1a1a1a;background:radial-gradient(70% 60% at 15% 5%,#eaff9c 0,transparent 70%),radial-gradient(70% 60% at 85% 25%,#b7f0cf 0,transparent 70%),radial-gradient(80% 60% at 55% 110%,#4aa3ec 0,transparent 70%),#e9f8ef}.bg span{position:relative}",
        "js": "",
        "react": "",
        "dependencies": [],
        "install": "",
        "licence_notice": ""
    }
}