{"id":50838464,"url":"https://github.com/harshmandan/doomscroller","last_synced_at":"2026-06-14T05:33:45.929Z","repository":{"id":357821391,"uuid":"1238687942","full_name":"harshmandan/doomscroller","owner":"harshmandan","description":null,"archived":false,"fork":false,"pushed_at":"2026-05-14T11:12:25.000Z","size":41,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-14T05:33:45.771Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/harshmandan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-05-14T11:01:48.000Z","updated_at":"2026-05-14T11:12:30.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/harshmandan/doomscroller","commit_stats":null,"previous_names":["harshmandan/doomscroller"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/harshmandan/doomscroller","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harshmandan%2Fdoomscroller","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harshmandan%2Fdoomscroller/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harshmandan%2Fdoomscroller/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harshmandan%2Fdoomscroller/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/harshmandan","download_url":"https://codeload.github.com/harshmandan/doomscroller/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harshmandan%2Fdoomscroller/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34310801,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-14T02:00:07.365Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2026-06-14T05:33:45.350Z","updated_at":"2026-06-14T05:33:45.924Z","avatar_url":"https://github.com/harshmandan.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# doomscroller\n\nA TikTok-style vertical video feed built with SvelteKit, native CSS scroll-snap, and a 3-element HLS player pool.\n\n## Architecture\n\nThe scroll container holds two parallel layers:\n\n- **Snap rail** - N empty `100dvh` divs, one per feed item. These define scroll length and act as `scroll-snap-align: start` targets. Each is essentially free.\n- **Video pool** - exactly 3 absolutely-positioned `\u003cvideo\u003e` elements, repositioned via `transform: translateY()`. As you scroll, the off-screen slot reassigns its `boundIndex` to the next feed index and hls.js swaps its source. The video DOM node persists across reassignments, so the HLS attachment never re-mounts.\n\nCurrent slide is detected from `scrollTop / clientHeight` in a `requestAnimationFrame` loop. URL syncs via SvelteKit's `replaceState` (shallow - no load re-runs). iOS Safari uses native HLS; everything else uses hls.js over MSE.\n\n## Performance\n\n- **Feed length** - DOM cost is one empty div per item. Smooth up to **10,000 items** in the rail; the bottleneck is RAM (~6KB per 1k items), not paint.\n- **Memory** - three concurrent HLS buffers cap around 30MB. Decoder slots stay under iOS Safari's ~4-element ceiling.\n- **Cold start** - first slide paints with no HLS init cost via native playback on iOS, or via lazy hls.js import on Android.\n\nVerified smooth on:\n\n- iPhone SE (2nd gen)\n- Samsung Galaxy A13 - Exynos 850\n- Redmi Note 8 - Snapdragon 665\n- Moto G Power - Helio G37\n\n## Develop\n\n```sh\npnpm install\npnpm dev\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fharshmandan%2Fdoomscroller","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fharshmandan%2Fdoomscroller","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fharshmandan%2Fdoomscroller/lists"}