[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-76259":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":14,"stars7d":14,"stars30d":16,"stars90d":15,"forks30d":15,"starsTrendScore":17,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":15,"starSnapshotCount":15,"syncStatus":31,"lastSyncTime":32,"discoverSource":33},76259,"openhero","CristianOlivera1\u002Fopenhero","CristianOlivera1","The free, open collection of cinematic video hero sections Browse, preview, copy & download production-ready backgrounds - instantly.","https:\u002F\u002Fopenhero.art",null,"TypeScript",250,21,3,0,127,9,4.03,false,"main",true,[23,24,25,26,27],"3d","hero","motion","nextjs","video","2026-06-12 02:03:41","\u003Cdiv align=\"center\">\n\n\u003Cimg width=\"1280\" height=\"720\" alt=\"export-1778593653300 (1) (1)\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F4c50b909-aa20-49fb-a0ce-7b10d3dd82f4\" \u002F>\n\n\u003Cbr\u002F>\n\n\u003Cimg width=\"50%\" alt=\"openvid Hero\" src=\"https:\u002F\u002Fopenhero.art\u002Fsvg\u002Flogo-openhero.svg\" \u002F>\n\n**The free, open collection of cinematic video hero sections**  \nBrowse, preview, copy & download production-ready backgrounds - instantly.\n\n\u003Cbr\u002F>\n\n[![Next.js](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNext.js_16-000000?style=for-the-badge&logo=nextdotjs&logoColor=white)](https:\u002F\u002Fnextjs.org\u002F)\n[![Supabase](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FSupabase-3FCF8E?style=for-the-badge&logo=supabase&logoColor=white)](https:\u002F\u002Fsupabase.com\u002F)\n[![License: MIT](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-white?style=for-the-badge)](.\u002FLICENSE)\n\n\u003Cbr\u002F>\n\n[**Live Demo **](https:\u002F\u002Fopenhero.art) · [Browse Videos](https:\u002F\u002Fopenhero.art\u002F#gallery) · [Background Library](https:\u002F\u002Fopenhero.art\u002Fassets) · [Submit a Hero](https:\u002F\u002Fopenhero.art\u002F#submit)\n\n\u003C\u002Fdiv>\n\n---\n\n## ✨ What is openhero?\n\nopenhero is a free gallery of **cinematic full-screen video hero sections** for the modern web. Pick a video, preview it at full resolution, grab the source code in one click, and drop it straight into your project - no attribution required.\n\n> Every hero section ships with **production-ready HTML and Next.js code**, completely free.\n\n---\n\n\u003Cimg width=\"1920\" height=\"1080\" alt=\"373shots_so (1)\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F2b1fe691-ac3c-4909-8542-965275d96e62\" \u002F>\n\n## 🎬 Features\n\n| Feature | Description |\n|---|---|\n| **Video Hero Gallery** | Browse 60+ cinematic backgrounds organized by category (abstract, nature, urban, sci-fi…) |\n| **Full-Screen Preview** | Click any card to open a modal with the video looping in full quality |\n| **One-Click Code** | Copy ready-to-use HTML or Next.js code directly from the modal |\n| **ZIP Download** | Download the video + source code as a ZIP in one click |\n| **Background Library** | 272 curated background images across 4 categories |\n| **Submit Your Own** | Upload your hero section as a ZIP for community review |\n\n---\n\n## 🚀 Quick Start\n\n### 1. Clone the repo\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002FCristianOlivera1\u002Fopenhero.git\ncd openhero\n```\n\n### 2. Install dependencies\n\n```bash\npnpm install\n```\n\n### 3. Configure environment\n\nCreate a `.env.local` file at the root:\n\n```env\nNEXT_PUBLIC_SUPABASE_URL=https:\u002F\u002Fyour-project.supabase.co\nNEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key\nSECURITY_IP_HASH_SALT=your-random-secret-salt\n```\n\n### 4. Run the dev server\n\n```bash\npnpm dev\n```\n\nOpen [http:\u002F\u002Flocalhost:3000](http:\u002F\u002Flocalhost:3000) to see it running.\n\n---\n\n## 🤝 Contributing\n\nContributions are welcome! The best way to contribute is to **submit a hero section**:\n\n1. Prepare a high-quality looping video (`.mp4`, max 20 MB, 1920×1080 recommended)\n2. Visit [openhero.art](https:\u002F\u002Fopenhero.art) and use the Submit section\n3. Fill in the title, category, and description\n4. Upload your ZIP and wait for review\n\nFor code contributions, open a pull request with a clear description of the change.\n\n---\n\n## 📄 License\n\nMIT - use freely in personal and commercial projects. See [LICENSE](.\u002FLICENSE) for details.\n\nAssets downloaded from openhero may have their own licenses - check the modal for per-video details.\n","openhero 是一个免费的、开源的影视级全屏视频英雄区集合，提供即时浏览、预览、复制和下载生产就绪的背景视频。其核心功能包括60多个按类别组织的高清背景视频、全屏预览、一键复制HTML或Next.js代码以及一键下载ZIP包。该项目使用TypeScript开发，并基于Next.js和Supabase构建。适合需要高质量视觉效果的现代网页设计场景，如企业官网、个人作品展示等，无需归属声明即可直接应用到项目中。",2,"2026-06-11 03:54:48","CREATED_QUERY"]