{"id":22298062,"url":"https://github.com/ddosnotification/sphere-chat-landing","last_synced_at":"2026-01-28T18:32:00.477Z","repository":{"id":264379578,"uuid":"893192116","full_name":"ddosnotification/sphere-chat-landing","owner":"ddosnotification","description":"Modern 3D-enhanced landing page for Sphere chat platform. Features Three.js animations, glass-morphism design, and GSAP animations. Production-ready template for immersive web experiences. ","archived":false,"fork":false,"pushed_at":"2024-11-25T14:36:07.000Z","size":238,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-04T09:44:44.888Z","etag":null,"topics":["3d-animation","chat-application","css-grid","css3","frontend","gsap-animation","landing-page","modern-ui","responsive-design","saas-landing-page","template","threejs","ui-design","web-design","webgl","website-template"],"latest_commit_sha":null,"homepage":"https://ddosnotification.github.io/sphere-chat-landing/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ddosnotification.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-23T19:18:44.000Z","updated_at":"2025-01-16T16:31:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"987f4e40-ea89-4abd-99b3-bb633a559d24","html_url":"https://github.com/ddosnotification/sphere-chat-landing","commit_stats":null,"previous_names":["ddosnotification/sphere-chat-landing"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ddosnotification/sphere-chat-landing","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddosnotification%2Fsphere-chat-landing","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddosnotification%2Fsphere-chat-landing/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddosnotification%2Fsphere-chat-landing/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddosnotification%2Fsphere-chat-landing/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ddosnotification","download_url":"https://codeload.github.com/ddosnotification/sphere-chat-landing/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddosnotification%2Fsphere-chat-landing/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28849160,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-28T15:15:36.453Z","status":"ssl_error","status_checked_at":"2026-01-28T15:15:13.020Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["3d-animation","chat-application","css-grid","css3","frontend","gsap-animation","landing-page","modern-ui","responsive-design","saas-landing-page","template","threejs","ui-design","web-design","webgl","website-template"],"created_at":"2024-12-03T17:59:33.672Z","updated_at":"2026-01-28T18:32:00.465Z","avatar_url":"https://github.com/ddosnotification.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌐 Sphere Chat Landing Page Template\n\n![Sphere Chat](https://img.shields.io/badge/Status-Live-success)\n![Version](https://img.shields.io/badge/Version-1.0.0-blue)\n![License](https://img.shields.io/badge/License-MIT-green)\n\n\u003e A modern, interactive landing page for Sphere - the next generation chat platform featuring stunning 3D animations and a sleek user interface.\n\n![Sphere Chat Preview](/preview/screenshot.png)\n\n## ✨ Features\n\n- **Interactive 3D Background** - Engaging Three.js powered animations\n- **Modern Design** - Clean, minimalist aesthetic with gradient accents\n- **Responsive Layout** - Seamlessly adapts to all screen sizes\n- **Smooth Animations** - GSAP-powered scroll animations and transitions\n- **Performance Optimized** - Hardware-accelerated animations and efficient rendering\n- **Cross-Browser Compatible** - Works flawlessly across all modern browsers\n\n## 🛠️ Built With\n\n- HTML5\n- CSS3\n- JavaScript\n- [Three.js](https://threejs.org/) - 3D graphics\n- [GSAP](https://greensock.com/gsap/) - Animations\n- Custom shader materials\n- Modern CSS features including:\n  - CSS Grid\n  - Flexbox\n  - Custom Properties\n  - Backdrop Filter\n  - CSS Animations\n\n## 🏗️ Project Structure\n\n```\nsphere-chat-landing/\n├── index.html\n├── css/\n│   └── styles.css\n├── js/\n│   └── script.js\n├── assets/\n│   └── images/\n├── preview/\n│   └── screenshot.png\n└── README.md\n```\n\n## 🚦 Getting Started\n\n1. Clone the repository:\n```bash\ngit clone https://github.com/ddosnotification/sphere-chat-landing.git\n```\n\n2. Navigate to the project directory:\n```bash\ncd sphere-chat-landing\n```\n\n3. Open `index.html` in your browser or use a local server:\n```bash\n# Using Python\npython -m http.server 8000\n\n# Using Node.js\nnpx serve\n```\n\n4. Visit `http://localhost:8000` in your browser\n\n## 📱 Browser Support\n\n- Chrome (latest)\n- Firefox (latest)\n- Safari (latest)\n- Edge (latest)\n\n## 🎨 Color Palette\n\n| Color      | Hex Code  | Usage                    |\n|------------|-----------|--------------------------|\n| Primary    | `#6366F1` | Main brand color        |\n| Secondary  | `#14B8A6` | Accents and highlights  |\n| Accent     | `#F43F5E` | Call-to-action elements |\n| Dark       | `#1E293B` | Text and backgrounds    |\n| Light      | `#F8FAFC` | Background and text     |\n\n## 🤝 Contributing\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## 📝 License\n\nThis project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details\n\n## 👏 Acknowledgments\n\n- Three.js documentation and examples\n- GSAP animation library\n- Modern landing page design inspiration\n- The open-source community\n\n## 📧 Contact\n\n[@ddosnotification](https://x.com/ddosntfcion)\n\nProject Link: [https://github.com/ddosnotification/sphere-chat-landing](https://github.com/ddosnotification/sphere-chat-landing)\n\n---\nMade with ❤️ for better web experiences\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fddosnotification%2Fsphere-chat-landing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fddosnotification%2Fsphere-chat-landing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fddosnotification%2Fsphere-chat-landing/lists"}