{"id":29568730,"url":"https://github.com/sagar-v4/xshot","last_synced_at":"2025-12-31T14:13:57.335Z","repository":{"id":301501508,"uuid":"1003530787","full_name":"Sagar-v4/XShot","owner":"Sagar-v4","description":"A browser extension to create a snapshot of post on X(twitter) directly from the more button of the post. ","archived":false,"fork":false,"pushed_at":"2025-06-27T06:44:20.000Z","size":5647,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-27T07:42:08.575Z","etag":null,"topics":["browser-extention","javascipt","snapshots","x-twitter"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/Sagar-v4.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,"zenodo":null}},"created_at":"2025-06-17T09:35:32.000Z","updated_at":"2025-06-27T06:44:24.000Z","dependencies_parsed_at":"2025-06-27T07:52:17.649Z","dependency_job_id":null,"html_url":"https://github.com/Sagar-v4/XShot","commit_stats":null,"previous_names":["sagar-v4/xshot"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Sagar-v4/XShot","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sagar-v4%2FXShot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sagar-v4%2FXShot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sagar-v4%2FXShot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sagar-v4%2FXShot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sagar-v4","download_url":"https://codeload.github.com/Sagar-v4/XShot/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sagar-v4%2FXShot/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265866473,"owners_count":23840969,"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":["browser-extention","javascipt","snapshots","x-twitter"],"created_at":"2025-07-19T01:07:17.175Z","updated_at":"2025-12-31T14:13:57.305Z","avatar_url":"https://github.com/Sagar-v4.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# XShot 📸\n\n![XShot Logo](/images/icon256.png)\n\nCreate perfect, clean, and customizable snapshots of X(Twitter) posts in one click.\n\n## Motivation\n\nSharing X(twitter) post on other platforms like Instagram, LinkedIn, or in news articles is a common practice. However, simply taking a screenshot often results in a low-quality, cluttered, and poorly-sized image. It includes unnecessary UI elements, uses relative timestamps (e.g., \"1h ago\"), and doesn't adapt well to different platform dimensions.\n\nXShot was built to solve these problems by providing a seamless, one-click tool to generate beautiful and professional-looking tweet snapshots right from your browser.\n\n## The Problem and The Solution\n\n### The Problem 😠\n\n- **Awkward Dimensions:** A standard screenshot of a tweet looks terrible in an Instagram Story or a square post.\n- **Imprecise Timestamps:** \"2h ago\" is useless for archival or news purposes. You need the exact date and time.\n- **UI Clutter:** Screenshots capture likes, replies, subscribe buttons, and other distracting UI elements.\n- **Inconsistent Themes:** The screenshot theme might not match the content you're creating.\n\n### The Solution: XShot ✨\n\nXShot is a browser extension that integrates directly into the X/Twitter UI.\n\n- **One-Click Capture:** A \"Create Snapshot\" button is added directly to each tweet's \"More\" (...) menu.\n- **Powerful Editor:** Clicking the button opens a local editor tab where you can customize the snapshot.\n- **Perfect Dimensions:** Choose from presets for different platforms like Instagram Post (1:1), Instagram Story (9:16), or YouTube Thumbnail (16:9). The aspect ratio is always maintained perfectly without distortion.\n- **Clean \u0026 Accurate:** The snapshot only includes the essential parts of the tweet—name, handle, text, media, and the **exact timestamp**. No clutter.\n- **Light, Dim \u0026 Dark Themes:** Choose the theme that best fits your brand or content.\n\n## How to Install\n\nSince this extension is not yet on the Chrome Web Store, you can load it directly in any Chromium-based browser (Chrome, Edge, Brave, Opera) or Firefox.\n\n#### 1: Get the Code\n\nDownload this project's code as a ZIP file and unzip it, or clone the repository using Git. You should have a folder named `XShot` on your computer.\n\n#### 2: Open Browser Extensions Page\n\nIn your browser, navigate to the extensions management page:\n\n- **Chrome/Edge/Brave:** `chrome://extensions`\n- **Firefox:** `about:debugging#/runtime/this-firefox`\n\n#### 3: Enable Developer Mode \u0026 Load the Extension\n\n1. Find the **\"Developer mode\"** toggle and turn it on. This is usually in the top-right corner of the page.\n\n2. Click the **\"Load unpacked\"** button.\n\n![Enable Developer Mode \u0026 Load the Extension](/assets/1.png)\n\n#### 4: Select the Extension\n\nNavigate to and select the `XShot` folder on your computer.\n\n![Select the Extension](/assets/2.png)\n\n#### 5: Ready to Go!\n\nThe XShot extension should now appear in your list of extensions, and you'll see its icon in your browser's toolbar.\n\n![Ready to Go!](/assets/3.png)\n\n#### 6: Demo\n\nGo to `x.com`, and you're ready to start creating snapshots!\n\n![Demo](/assets/demo.gif)\n\n## How to Contribute\n\nContributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\nYou can contribute in several ways:\n\n- **🐛 Reporting Bugs:** If you find a bug, please [open an issue](https://github.com/Sagar-v4/XShot/issues) and describe the problem in as much detail as possible.\n- **💡 Suggesting Enhancements:** Have an idea to make XShot better? Open an issue to discuss your suggestion.\n- **📝 Writing Code:** If you want to fix a bug or add a new feature, follow these steps:\n\n### The Git Workflow\n\n1.  **Fork the Project:** Click the 'Fork' button at the top right of the repository page.\n2.  **Create your Feature Branch:**\n    ```sh\n    git checkout -b feature/AmazingNewFeature\n    ```\n3.  **Commit your Changes:**\n    ```sh\n    git commit -m 'Add some AmazingNewFeature'\n    ```\n4.  **Push to the Branch:**\n    ```sh\n    git push origin feature/AmazingNewFeature\n    ```\n5.  **Open a Pull Request:** Go back to your forked repository on GitHub and click the \"New pull request\" button.\n\nThank you for helping make XShot better!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsagar-v4%2Fxshot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsagar-v4%2Fxshot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsagar-v4%2Fxshot/lists"}