{"id":24534730,"url":"https://github.com/govind783/nextjs-video-editor","last_synced_at":"2026-03-11T14:09:37.982Z","repository":{"id":272010511,"uuid":"909497103","full_name":"Govind783/nextjs-video-editor","owner":"Govind783","description":"Next JS  and Shad CN based video editor for the web","archived":false,"fork":false,"pushed_at":"2025-02-17T08:22:54.000Z","size":403,"stargazers_count":41,"open_issues_count":0,"forks_count":8,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-28T09:51:33.437Z","etag":null,"topics":["shadcn","shadcn-ui","video-editing","video-editing-software","video-editor","videoedit","videoeditor"],"latest_commit_sha":null,"homepage":"https://nextjs-video-editor.vercel.app","language":"JavaScript","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/Govind783.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}},"created_at":"2024-12-28T22:00:38.000Z","updated_at":"2025-03-03T19:36:42.000Z","dependencies_parsed_at":"2025-02-02T19:26:42.331Z","dependency_job_id":"2362160e-c06a-4a42-85ac-ef62b2eec8eb","html_url":"https://github.com/Govind783/nextjs-video-editor","commit_stats":null,"previous_names":["govind783/nextjs-video-editor"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Govind783%2Fnextjs-video-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Govind783%2Fnextjs-video-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Govind783%2Fnextjs-video-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Govind783%2Fnextjs-video-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Govind783","download_url":"https://codeload.github.com/Govind783/nextjs-video-editor/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248968741,"owners_count":21191158,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["shadcn","shadcn-ui","video-editing","video-editing-software","video-editor","videoedit","videoeditor"],"created_at":"2025-01-22T11:18:25.610Z","updated_at":"2026-03-11T14:09:32.960Z","avatar_url":"https://github.com/Govind783.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Video Editor\n\nA sleek, browser-based video editor made in next JS and shad CN. Stack videos, images, and text with precise timing control and real-time preview and export with FFMPEG.\n\n## Demo Video\nhttps://github.com/user-attachments/assets/147cec99-d05a-4f89-a89e-02abf7422623\n\n\n## Features\n\n- Drag \u0026 drop media handling\n- Multi-track video, image, and text composition\n- trimming the vieo by grabing it from arrow at right end\n- Frame-accurate trimming with visual preview\n- Live playback with frame-by-frame preview marker\n- Customizable text overlays with full styling control\n- Video speed and volume adjustment\n- forward rewind by 10 seconds buttons\n- resize media by shrinking and incrementing media by selecting them\n- Export to single video file\n\n\n# Tech stack\n- Next JS\n- tailwind\n- zustand\n- shad CN\n\n# UI images Showcase\n\n### Timeline and Preview\nThe main workspace with preview window and multi-track timeline\n![Starting screen](https://live.staticflickr.com/65535/54259935250_bb47275d1a_k.jpg)\n\n---\n\n### Text Customization\nFine-tune text appearance with color, background, and positioning, width, height, border-radius, etc\n![Text modification panel](https://live.staticflickr.com/65535/54259749534_f40f5693db_k.jpg)\n\n---\n\n### Video Controls  \nAdjust speed, volume, and trim points\n![Video adjustment panel](https://live.staticflickr.com/65535/54259737473_4a0d7938ca_k.jpg)\n\n---\n\n### Image Editing\nControl size, position, and visual effects\n![Image modification panel](https://github.com/user-attachments/assets/fa2f94eb-3bbb-49d5-9454-d96c88fd2bd4)\n\n---\n\n### Multi-track Layout\nStack and arrange multiple videos and text overlays\n![Multiple tracks view](https://live.staticflickr.com/65535/54259738773_f060c635d0_k.jpg)\n\n---\n\n### Visual Timeline\nPrecise control with frame markers and playhead\n![Timeline view](https://live.staticflickr.com/65535/54259935260_8453ef7063_k.jpg)\n\n---\n\n### Export Options\nConvert your composition into a single video file\n![Export screen](https://live.staticflickr.com/65535/54259750839_e5515289b9_k.jpg)\n\n## Development and todo\n- transitions\n- spliting\n- dragging media files across the TL canvas\n\n---\nNote: This is a work in progress. Bug reports and feature requests welcome.\n[Backend repo](https://github.com/Govind783/video-editor-backend)\n\n\nDO star the repo 🌟\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgovind783%2Fnextjs-video-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgovind783%2Fnextjs-video-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgovind783%2Fnextjs-video-editor/lists"}