{"id":13582814,"url":"https://github.com/rishimohan/pika","last_synced_at":"2026-01-22T20:22:54.625Z","repository":{"id":37762458,"uuid":"442477459","full_name":"rishimohan/pika","owner":"rishimohan","description":"Quickly design beautiful screenshots and open graph images","archived":false,"fork":false,"pushed_at":"2024-06-20T09:18:28.000Z","size":2479,"stargazers_count":663,"open_issues_count":0,"forks_count":105,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-04-06T17:38:03.924Z","etag":null,"topics":["beautify","generator","image-processing","nextjs","open-source","screenshots","tailwindcss"],"latest_commit_sha":null,"homepage":"https://pika.style","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rishimohan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"license.md","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},"funding":{"github":["rishimohan"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2021-12-28T13:48:39.000Z","updated_at":"2025-04-06T14:15:57.000Z","dependencies_parsed_at":"2024-01-15T03:57:28.612Z","dependency_job_id":"67f2d80e-03cf-444b-b4a6-1112fcabf709","html_url":"https://github.com/rishimohan/pika","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"rishimohan/nextjs-12-tailwind-starter","purl":"pkg:github/rishimohan/pika","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishimohan%2Fpika","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishimohan%2Fpika/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishimohan%2Fpika/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishimohan%2Fpika/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rishimohan","download_url":"https://codeload.github.com/rishimohan/pika/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishimohan%2Fpika/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28670372,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-22T19:36:09.361Z","status":"ssl_error","status_checked_at":"2026-01-22T19:36:05.567Z","response_time":144,"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":["beautify","generator","image-processing","nextjs","open-source","screenshots","tailwindcss"],"created_at":"2024-08-01T15:03:02.870Z","updated_at":"2026-01-22T20:22:54.602Z","avatar_url":"https://github.com/rishimohan.png","language":"JavaScript","funding_links":["https://github.com/sponsors/rishimohan"],"categories":["JavaScript"],"sub_categories":[],"readme":"NOTE: This repo contains free version features.\n\n![image](https://user-images.githubusercontent.com/14031295/170217467-01249753-6213-40c1-87b6-c39aa762f6cf.png)\n\n## What is Pika?\n\nPika is a web app to transform RAW screenshots \ninto beautiful images, which you would be proud to share\non your landing pages, emails, Twitter or marketing pages.\n\nThe main goal behind Pika is to fasten this process\nof designing screenshots.\n\n## How Pika works?\n\nPika uses `dom-to-image` to generate an image from\na DOM element. The DOM element is the canvas \nwith your screenshot and all the stylings.\nStylings are done using mix of inline CSS and Tailwind CSS.\n\n## How Pika makes designing screenshot quick?\n\n- Pika saves your options locally on your machine, so when you open the app next time it keeps your previous settings\n- Pika gives you shortcuts: \n  - Ctrl/Cmd+V: paste a screenshot\n  - Ctrl/Cmd+C: copy the output image\n  - Ctrl/Cmd+S: save the output image\n\n## What all you can do with Pika?\n\n- Apply rounded corners to your screenshot\n- Apply background gradients\n- Control screenshot position in canvas, add padding\n- Add shadow to screenshot\n- Add noise to background to add RAW vibes\n- Add overlay text($$)\n- Add image as background($$)\n- Add custom watermark($$)\n\n`($$)` are paid features and not available in this repo's code.\n\n## Setting up the app\n\nFirst, run the development server:\n\n- Clone the repo\n- Setup with `yarn`\n- Run dev server with `yarn dev`\n- Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n- File located at `/components/main` contains the code for canvas and the stylings\n\n## Built using\n\n- Next.js\n- TailwindCSS\n\n## License\n\n[Here](https://github.com/rishimohan/pika/blob/main/license.md)\n\n## Assets\n\n![pika-filled-circle](https://user-images.githubusercontent.com/14031295/198069686-4b0853cf-f11f-4aab-9ceb-08c37f61a459.png)\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frishimohan%2Fpika","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frishimohan%2Fpika","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frishimohan%2Fpika/lists"}