[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-94830":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":15,"stars30d":16,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":27,"readmeContent":28,"aiSummary":29,"trendingCount":15,"starSnapshotCount":15,"syncStatus":30,"lastSyncTime":31,"discoverSource":32},94830,"Aura","CristianOlivera1\u002FAura","CristianOlivera1","Ambient UI gradients built with layered CSS blend modes. Backgrounds that feel like light.","https:\u002F\u002Fauragradients.vercel.app",null,"TypeScript",131,10,104,0,27,45.82,"MIT License",false,"main",true,[23,24,25,26],"aura-gradients","gradient-generator","gradient-make","mesh-gradient","2026-08-24 04:01:22","\u003Cdiv align=\"center\">\n  \n  \u003Cimg width=\"600\" alt=\"Frame 1116606756 (1) (1)\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F90eb752e-2db4-4ee6-9ea9-959fc5c433ed\" \u002F>\n\n  # Backgrounds that feel like light\n  ### **200+ layered, atmospheric gradients built from soft blend modes — preview them live, tweak them in the browser, and drop them behind any interface.**\n\n[![Next.js](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNext.js-000000?logo=next.js&logoColor=white)](https:\u002F\u002Fnextjs.org)\n[![React](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FReact-20232A?logo=react&logoColor=61DAFB)](https:\u002F\u002Freact.dev)\n[![Tailwind CSS](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTailwind_CSS-06B6D4?logo=tailwindcss&logoColor=white)](https:\u002F\u002Ftailwindcss.com)\n[![TypeScript](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTypeScript-3178C6?logo=typescript&logoColor=white)](https:\u002F\u002Ftypescriptlang.org)\n[![GitHub](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FGitHub-181717?logo=github&logoColor=white)](https:\u002F\u002Fgithub.com\u002FCristianOlivera1\u002FAura)\n\u003C\u002Fdiv>\n\n\u003Cdiv align=\"center\">\n  \u003Cimg width=\"1408\" height=\"798\" alt=\"Captura de pantalla 2026-08-12 140449 (1)\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F23423302-1ce9-4b62-a402-77fed94219cc\" \u002F>\n  \u003Cbr>\n\u003C\u002Fdiv>\n\n## Features\n\n### Live Preview\n- **Hover any card** to preview the gradient instantly\n- **Fullscreen viewer** with next\u002Fprev navigation and keyboard shortcuts\n- The whole page picks up the active gradient's glow — light and dark themes included\n\n### Customizer\n- **In-browser aura gradient generator** — add\u002Fremove\u002Freorder layers, tweak blend modes, blur, opacity, and base color\n- **Grain overlay** toggle for an analog film finish\n- Undo\u002Fredo as you experiment\n\n### Export\n- Copy clean code in **CSS**, **Tailwind**, **CSS Variables**, or **CSS-in-JS**\n- **Copy All** grabs every format in one block\n- **Download** the gradient as **PNG** or **SVG**\n\n### AI Prompt\n- One click copies a ready-to-paste prompt for **ChatGPT, Claude, or Copilot** that rebuilds the gradient in any project\n---\n\n## Screenshot\n  \u003Cimg width=\"1570\" height=\"919\" alt=\"localhost_3000__g=aurora-borealis (1)\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F582f70e6-2423-4791-b991-c7db3e9b0fed\" \u002F>\n  \n---\n\n## Quick Start\n\n```bash\n# Install dependencies\npnpm install\n\n# Start development server\npnpm dev\n```\n\nOpen [http:\u002F\u002Flocalhost:3000](http:\u002F\u002Flocalhost:3000)\n\n| Command     | Description      |\n| ----------- | ---------------- |\n| `pnpm dev`  | Start dev server |\n| `pnpm build`| Production build |\n| `pnpm lint` | Run ESLint       |\n\n---\n\n## Contributors\n\nContributions are welcome! Check the [issues](https:\u002F\u002Fgithub.com\u002FCristianOlivera1\u002FAura\u002Fissues) or open a pull request.\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FCristianOlivera1\u002FAura\u002Fgraphs\u002Fcontributors\">\n  \u003Cimg src=\"https:\u002F\u002Fcontrib.rocks\u002Fimage?repo=CristianOlivera1\u002FAura\" \u002F>\n\u003C\u002Fa>\n\n## License\n\nMIT\n","Aura 是一个基于 CSS 混合模式实现的环境光感渐变背景库，提供 200+ 预设的多层氛围渐变效果。其核心功能包括实时悬停预览、浏览器内渐变定制器（支持图层增删、混合模式\u002F模糊\u002F不透明度调节、颗粒叠加）、多格式代码导出（CSS\u002FTailwind\u002F变量\u002FCSS-in-JS）及 PNG\u002FSVG 下载。项目采用 Next.js + React + TypeScript 构建，强调视觉沉浸感与开发友好性，适用于需要高级背景表现力的网页设计、UI 原型、产品首页或创意展示类前端项目。",2,"2026-08-16 02:30:13","CREATED_QUERY"]