{"id":30754281,"url":"https://github.com/reddit/devvit-kit","last_synced_at":"2025-09-04T09:09:08.714Z","repository":{"id":241095132,"uuid":"803868143","full_name":"reddit/devvit-kit","owner":"reddit","description":null,"archived":false,"fork":false,"pushed_at":"2024-09-27T15:03:40.000Z","size":408,"stargazers_count":40,"open_issues_count":4,"forks_count":13,"subscribers_count":14,"default_branch":"main","last_synced_at":"2025-08-16T02:38:58.131Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/reddit.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":"contributing.md","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-05-21T14:17:41.000Z","updated_at":"2025-08-13T13:49:55.000Z","dependencies_parsed_at":"2024-05-22T11:46:04.603Z","dependency_job_id":"f77e8ae1-4345-4470-ab9c-3152e37ef070","html_url":"https://github.com/reddit/devvit-kit","commit_stats":null,"previous_names":["reddit/devvit-kit"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/reddit/devvit-kit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reddit%2Fdevvit-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reddit%2Fdevvit-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reddit%2Fdevvit-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reddit%2Fdevvit-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/reddit","download_url":"https://codeload.github.com/reddit/devvit-kit/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reddit%2Fdevvit-kit/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273581245,"owners_count":25131393,"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","status":"online","status_checked_at":"2025-09-04T02:00:08.968Z","response_time":61,"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":"2025-09-04T09:07:55.147Z","updated_at":"2025-09-04T09:09:08.696Z","avatar_url":"https://github.com/reddit.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Devvit Kit\n\nDevvit Kit is a helper library that makes it easier to build [Devvit apps](https://developers.reddit.com)\nand apps on Reddit’s Developer Platform. Devvit Kit includes both UI components and general backend patterns that simplify common tasks and enable developers to\nbuild apps faster.\n\n## Installation\n\nTo use Devvit Kit, navigate to your Devvit project in your terminal and install the package:\n\n`npm install @devvit/kit`\n\n## Usage\n\nOnce you have Devvit Kit installed, you can import the helper you’re trying to use and then use it in applicable pieces of\ncode. This is an example using the Columns helper.\n\n```typescript jsx\nimport {Columns} from '@devvit/kit'\nimport {Devvit} from '@devvit/public-api'\n\nDevvit.addCustomPostType({\n    name: 'Columns static content',\n    render: () =\u003e {\n        return (\n            \u003cvstack padding=\"medium\"\u003e\n                \u003cColumns columnCount={2} gapX=\"5px\" gapY=\"10px\" order=\"column\"\u003e\n                    {/* columns children here */}\n                \u003c/Columns\u003e\n            \u003c/vstack\u003e\n        );\n    }\n});\n```\n\n| Component Name    | Description                                                                                                        | Links                                                  |\n| ----------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------ |\n| Columns           | A component that provides a simple column layout and optionally allows you to specify gap sizing between elements. | [Usage Instructions](./src/columns/readme.md)          |\n| Item pagination   | A helper that enables pagination of data, including UI elements for navigating through the elements.               | [Usage Instructions](./src/item-pagination/readme.md)  |\n| PixelPadding      | A component that lets you set padding from any side using pixel values.                                            | [Usage Instructions](./src/pixel-padding/readme.md)    |\n| Developer toolbar | A toolbar of actions only visible to developers.                                                                   | [Usage Instructions](./src/dev-toolbar/readme.md)      |\n| Watermark         | A Developer Platform watermark that's added to your app.                                                           | [Usage Instructions](./src/devvit-watermark/readme.md) |\n\n## Contributing to the devvit-kit public repo\n\nReddit has a number of open source projects that developers are invited to contribute to in our GitHub repo.\nThere's a [public issue board](https://github.com/reddit/devvit-kit/issues) that tracks feature requests and bugs.\nAll feedback is welcome!\n\nIf you'd like to contribute to this repo as developer, you can find detailed instructions\nin the [contributing](contributing.md) file.\n\n## Contributor license agreement\n\nThe first time you submit a pull request (PR) to a Reddit\nproject, [you should complete our CLA](https://docs.google.com/forms/d/e/1FAIpQLScG6Bf3yqS05yWV0pbh5Q60AsaXP2mw35_i7ZA19_7jWNJKsg/viewform).\nWe cannot accept PRs from GitHub users that have not agreed to the CLA.\nNote that this agreement applies to all open source Reddit projects, and you only need to submit it once.\n\n[Submit your CLA here](https://docs.google.com/forms/d/e/1FAIpQLScG6Bf3yqS05yWV0pbh5Q60AsaXP2mw35_i7ZA19_7jWNJKsg/viewform?usp=sf_link).\n\n## Bugs and requests\n\nMost of our outstanding bugs and user requests are [visible here](https://github.com/reddit/devvit-kit/issues).\nThese are a combination of synced issues from our internal system and user contributions made directly in GitHub.\nWe do our best to keep this up to date with internal progress of bugs and issues.\nBefore adding an issue to the board, please search for a similar or duplicate issue.\nYou can always comment or react to issues you’d like to see prioritized.\n\n## Filing a new issue\n\nPlease use one of these labels when submitting a new issue:\n\n- bug\n- documentation\n- enhancement\n\nOnce issues are added to our internal tracking system, they will be labeled as “synced”.\n\n## Security issues\n\nSecurity issues take special priority and are handled separately from our public tracker\nvia [Hackerone](https://www.hackerone.com/).\nPlease do not submit security issues here on GitHub, as all issues are public and publishing them increases the risk of\nabuse.\n\n## How to make a pull request\n\nPlease follow instructions in [contributing.md](contributing.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freddit%2Fdevvit-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freddit%2Fdevvit-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freddit%2Fdevvit-kit/lists"}