{"id":26341014,"url":"https://github.com/frontify/typeform-block","last_synced_at":"2025-07-30T21:07:20.604Z","repository":{"id":77606890,"uuid":"449635780","full_name":"Frontify/typeform-block","owner":"Frontify","description":"This is a the source-code of the Typeform Block.","archived":false,"fork":false,"pushed_at":"2025-07-02T10:30:05.000Z","size":5185,"stargazers_count":1,"open_issues_count":5,"forks_count":0,"subscribers_count":23,"default_branch":"main","last_synced_at":"2025-07-02T11:38:50.129Z","etag":null,"topics":["brandsdk","typeform"],"latest_commit_sha":null,"homepage":"https://developer.frontify.com/","language":"TypeScript","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/Frontify.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}},"created_at":"2022-01-19T09:56:48.000Z","updated_at":"2025-07-02T10:27:49.000Z","dependencies_parsed_at":null,"dependency_job_id":"9240697b-3655-4b11-9ba8-faa52d139572","html_url":"https://github.com/Frontify/typeform-block","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Frontify/typeform-block","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frontify%2Ftypeform-block","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frontify%2Ftypeform-block/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frontify%2Ftypeform-block/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frontify%2Ftypeform-block/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Frontify","download_url":"https://codeload.github.com/Frontify/typeform-block/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frontify%2Ftypeform-block/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263685662,"owners_count":23495902,"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":["brandsdk","typeform"],"created_at":"2025-03-16T04:28:31.218Z","updated_at":"2025-07-05T04:40:39.730Z","avatar_url":"https://github.com/Frontify.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca href=\"https://www.frontify.com/en/\"\u003e\n    \u003cimg src=\"https://cdn-assets-eu.frontify.com/s3/frontify-enterprise-files-eu/eyJwYXRoIjoid2VhcmVcL2ZpbGVcL1dYUlpzUlhKMTh5M2NhVG42Vk1HLnBuZyJ9:weare:kigx1I2_csIs-6Lm3re6-6BsicXUzKQUHUeouirN_Q0\" alt=\"Frontify logo\" title=\"Frontify\" align=\"right\" height=\"60\" /\u003e\n\u003c/a\u003e\n\n# Typeform block\n\nThe Typeform block allows you to effortlessly add any Typeform form directly to your Guidelines, without the need for a tedious embed code. All you have to do is supply the form id, and you’re ready to go.\n\n![A screenshot of the Typeform block empty state](https://cdn-assets-eu.frontify.com/s3/frontify-enterprise-files-eu/eyJwYXRoIjoid2VhcmVcL2ZpbGVcL2M4TjlIb0hzRVVLOTZuSzF1a3hNLnBuZyJ9:weare:OyyCOtTzB_-x2ouhvhTgcBCWzva7WtSpToACo_R12Ps)\n\n![](https://cdn-assets-eu.frontify.com/s3/frontify-enterprise-files-eu/eyJwYXRoIjoid2VhcmVcL2ZpbGVcL3FTVVhMOWJoc3lNNXpvVVRUalBILnBuZyJ9:weare:ctndI4roGZDUIFZwpFsPuzdVb0WN4-vKTtTw3MYIU0o)\n\n## Who this project is for\n\nThis repository contains the source-code for the Typeform block. It's meant as an example for how to build custom content blocks with the [Frontify Brand SDK](https://www.frontify.com/en/blog/brand-sdk-for-developers-by-developers/). This is an extended version of the block you're building if you follow the [tutorial](https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/use-cases-1/building-a-typeform-block-1) in the [Brand SDK documentation](https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks). The actual source-code for the block you're building in the tutorial can be found [here](https://github.com/Frontify/typeform-block-tutorial).\n\n\n## Project dependencies\n\nBefore you can build the Typeform block, ensure you have:\n\n* Node.js version 16 (or newer) installed\n* made yourself familiar with the [Frontify CLI](https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/frontify-cli)\n* the [React Developer Tools](https://react.dev/learn/react-developer-tools) installed\n* a [Frontify account](https://www.frontify.com/en/signup/?plan=STARTER\u0026interval=YEARLY) to preview the block\n\nYou can find a comprehensive guide on all the prerequisites [here](https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/getting-started-1/prerequisites).\n\n## Instructions for using the Typeform block\n\nGet started with the Typeform block by cloning the repository, installing its dependencies, and running the `serve` task.\n\n1. Clone the repository\n\n    `git clone git@github.com:Frontify/typeform-block.git`\n\n2. Install the project dependencies\n\n    `npm ci`\n\n3. Run the `serve` task\n\n    `npm run serve`\n\n4. In your Frontify Guidelines switch to the edit mode (pencil icon in the sidebar)\n\n5. Click on the plus icon and add a \"Local Block Development\" block\n\n    ![A screenshot of the content block list](https://cdn-assets-eu.frontify.com/s3/frontify-enterprise-files-eu/eyJwYXRoIjoid2VhcmVcL2ZpbGVcL3BqekRMa3JTWFdOenFhaEZMTkIzLnBuZyJ9:weare:EM0x9it_g2t_1RJ2NyZNOxohAFj_aax5FOXNMGgIADk)\n\n    \u003e **Note**\n    \u003e If you can't find the \"Local Block Development\" block, you probably don't have access to the Brand SDK and Marketplace yet. Please reach out to use on [Slack](https://join.slack.com/t/frontify-friends/shared_invite/zt-1lhu6lump-s18oTGI4EhHt8BKWfBAN_A) so we can activate it for you.\n\n7. Choose port (default is 5600) and click OK\n\n    ![A screenshot of the port selection](https://cdn-assets-eu.frontify.com/s3/frontify-enterprise-files-eu/eyJwYXRoIjoid2VhcmVcL2ZpbGVcLzZ3Q241RlJVTjkyZTZKOHlBZVRpLnBuZyJ9:weare:pUETT-owG_y2pmOKqNRozHi1dsMeFf3msAGHORbiEF0)\n\nThe Guidelines should now show the Typeform block. If you don't see it, try refreshing the page.\n\n\n## Additional documentation\n\nFor more information check out the [Frontify Brand SDK documentation](https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrontify%2Ftypeform-block","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrontify%2Ftypeform-block","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrontify%2Ftypeform-block/lists"}