# GrapesJS vs TeleportHQ

**Leader by vioscaleAI score:** TeleportHQ

| Attribute | GrapesJS | TeleportHQ |
|---|---|---|
| **vioscaleAI score** | 36 (36% (low)) | 62 (40% (low)) |
| content.faq | `[{"answer":"A free, open-source framework that enables rapid creation of HTML templates for websites, newsletters, and mobile applications through a visual builder interface. It is indexed under Design To Code.","source":"https://grapesjs.com","question":"What is GrapesJS?","confidence":0.6},{"answer":"GrapesJS is open source, so it can be self-hosted and used at no licence cost. A commercial or hosted edition starts at $200 per month. Prices are published openly on the vendor's own pricing page. Pricing changes often, so verify at source before relying on it.","source":"https://grapesjs.com/sdk/pricing","question":"Is GrapesJS free to use?","confidence":0.6},{"answer":"We have confirmed browser-based access to GrapesJS. That is the extent of what we could verify from public sources, so it may well offer desktop or mobile clients we have not indexed.","source":"https://grapesjs.com","question":"What platforms does GrapesJS support?","confidence":0.6},{"answer":"Yes. GrapesJS can be deployed self-hosted, so it does not have to run on the vendor's infrastructure.","source":"https://grapesjs.com","question":"Can GrapesJS be self-hosted?","confidence":0.6},{"answer":"We have confirmed 8 integrations for GrapesJS, including Campaign Monitor, React, CKEditor, Filestack, TOAST UI Image Editor, Cloud Firestore, Typed.js and MJML. This is what we could verify from public sources, so the vendor may support others we have not indexed.","source":"https://grapesjs.com","question":"What does GrapesJS integrate with?","confidence":0.6},{"answer":"GrapesJS is available worldwide. Its primary market is the United States.","source":"https://grapesjs.com/sdk/pricing","question":"Where is GrapesJS available?","confidence":0.5}]` | `[{"answer":"TeleportHQ is a visual website builder that combines drag-and-drop design with AI capabilities to help teams create, collaborate on, and deploy websites and web components. It supports design-to-code workflows, exports to multiple frameworks, and integrates with headless CMS systems. It is indexed under Design To Code.","source":"https://teleporthq.io/pricing","question":"What is TeleportHQ?","confidence":0.6},{"answer":"TeleportHQ offers a free tier, so you can start without paying. Paid plans start at $9 per month. Prices are published openly on the vendor's own pricing page. Pricing changes often, so verify at source before relying on it.","source":"https://teleporthq.io/pricing","question":"Is TeleportHQ free?","confidence":0.6},{"answer":"We have confirmed browser-based access to TeleportHQ. That is the extent of what we could verify from public sources, so it may well offer desktop or mobile clients we have not indexed.","source":"https://teleporthq.io/pricing","question":"What platforms does TeleportHQ support?","confidence":0.6},{"answer":"Yes. TeleportHQ can be deployed cloud / SaaS and self-hosted, so it does not have to run on the vendor's infrastructure.","source":"https://teleporthq.io/pricing","question":"Can TeleportHQ be self-hosted?","confidence":0.6},{"answer":"We have confirmed 14 integrations for TeleportHQ, including Strapi, Contentful, Caisy, Flotiq, WordPress, Vercel, GitHub and Figma, plus 6 more. This is what we could verify from public sources, so the vendor may support others we have not indexed.","source":"https://teleporthq.io/pricing","question":"What does TeleportHQ integrate with?","confidence":0.6},{"answer":"We have independently confirmed GDPR for TeleportHQ. Certifications we do not list are ones we have not been able to verify from public sources, which is not the same as TeleportHQ not holding them. Always confirm compliance directly before you rely on it.","source":"https://teleporthq.io/privacy-policy","question":"What security certifications does TeleportHQ have?","confidence":0.7},{"answer":"TeleportHQ is available worldwide. Its primary market is the United States.","source":"https://teleporthq.io/pricing","question":"Where is TeleportHQ available?","confidence":0.5}]` |
| deployment.options | `{"self_hosted":true}` | `{"cloud":true,"self_hosted":true}` |
| description.long | A free, open-source framework that enables rapid creation of HTML templates for websites, newsletters, and mobile applications through a visual builder interface. | TeleportHQ is a visual website builder that combines drag-and-drop design with AI capabilities to help teams create, collaborate on, and deploy websites and web components. It supports design-to-code workflows, exports to multiple frameworks, and integrates with headless CMS systems. |
| features.capabilities | `{"open_source":true,"delivery_mode":"standalone-web-app","pricing_model":"open-source-self-host"}` | `{"open_source":false,"figma_import":true,"delivery_mode":"standalone-web-app","pricing_model":"per-seat","architecture_model":"managed_cloud_saas_browser","design_tokens_export":true,"responsive_breakpoints":true,"text_prompt_generation":true,"component_design_system_mapping":true,"react_vue_swift_compose_semantic_code_export":true,"responsive_breakpoint_and_flexbox_code_generation":true,"design_token_variable_support_and_export_css_variables":true}` |
| integrations.count | 6 | 6 |
| integrations.list | `[{"name":"Campaign Monitor"},{"name":"React","native":true},{"name":"CKEditor","native":true},{"name":"Filestack","native":true},{"name":"TOAST UI Image Editor","native":true},{"name":"Cloud Firestore","native":true},{"name":"Typed.js","native":true},{"name":"MJML","native":true}]` | `[{"name":"Strapi"},{"name":"Contentful"},{"name":"Caisy"},{"name":"Flotiq"},{"name":"WordPress"},{"name":"Vercel"},{"name":"GitHub"},{"name":"Figma"},{"name":"Google Fonts"},{"name":"React","native":true,"category":"framework","direction":"outbound"},{"name":"Vue","native":true,"category":"framework","direction":"outbound"},{"name":"Angular","native":true,"category":"framework","direction":"outbound"},{"name":"Next","native":true,"category":"framework","direction":"outbound"},{"name":"Google Analytics","native":true,"category":"analytics","direction":"outbound"}]` |
| market.availability | `{"primaryMarkets":["US"],"availabilityScope":"global","availableCountries":[],"notAvailableCountries":[]}` | `{"primaryMarkets":["US"],"availabilityScope":"global","availableCountries":[],"notAvailableCountries":[]}` |
| platform.support | `{"web":true}` | `{"web":true}` |
| pricing | `{"type":"hybrid","plans":[{"free":true,"name":"Free","summary":"Free. 1,000 sessions/mo, overages $50 per 1,000 sessions","features":["All basic features","Standard email support","With Studio branding"],"components":[{"kind":"fixed","amount":0,"period":"month","currency":"USD"}],"contactSales":false,"includedLimits":{"domains":"1","sessions":"1,000/mo"}},{"free":false,"name":"Startup","summary":"$200/mo. 20,000 sessions/mo, overages $20 per 1,000 sessions","features":["Everything in Free plan","Custom branding","Priority email support"],"components":[{"kind":"fixed","amount":200,"period":"month","currency":"USD"}],"description":"Best for small teams","contactSales":false,"includedLimits":{"domains":"2","sessions":"20,000/mo"}},{"free":false,"name":"Business","summary":"$2,000/mo. 50,000 sessions/mo, overages $10 per 1,000 sessions","features":["Everything in Startup plan","Dedicated Slack channel"],"components":[{"kind":"fixed","amount":2000,"period":"month","currency":"USD"}],"description":"Best for growing businesses","contactSales":false,"includedLimits":{"domains":"Wildcard","sessions":"50,000/mo"}},{"free":false,"name":"Enterprise","summary":"Custom pricing. Unlimited sessions, 24x7 support","features":["Unlimited sessions","24x7 phone support","Custom plugin support","Multiple domains support","Custom development"],"description":"Best for large organizations","contactSales":true,"includedLimits":{"sessions":"Unlimited"}}],"summary":"Free tier available. Paid plans from $200/mo. Usage-based overage charges for sessions and storage.","currency":"USD","freeTier":true,"sourceUrl":"https://grapesjs.com/sdk/pricing","retrievedAt":"2026-08-20T08:22:00.310Z","startingPrice":{"amount":200,"period":"month","currency":"USD"},"billingPeriods":["month"]}` | `{"type":"hybrid","plans":[{"free":true,"name":"Free","features":["Project version history and manual backups","Code access & export (HTML, CSS, React, Next.js, Vue, Angular)","Project folders and organization","Automated workflows","1 form submission endpoint","Built-in analytics","SEO tools (meta titles, descriptions, XML sitemap, URL redirects, robots.txt)","Free subdomain hosting","Component libraries and design system management"],"commitment":"month","description":"Build and publish free for 7 days per project","contactSales":false},{"free":false,"name":"Pro (Slot-based)","features":["Project version history and manual backups","Code access & export (HTML, CSS, React, Next.js, Vue, Angular)","Project folders","Automated workflows","API & backend integrations","Custom code support (HTML, CSS, JavaScript)","Product catalog and inventory management","Order and customer management","Built-in checkout and payments","Transactional email automation","Blog creation with categories","CMS headless integration (Strapi, Contentful, WordPress, Caisy, Flotiq)","Multiple form submission endpoints (1 + 1 per slot)","Advanced analytics with historical data","Automatic WebP image conversion","Advanced SEO features","AI-powered content translation and localization","Per-locale asset customization","Bonus AI tokens included monthly"],"components":[{"kind":"fixed","amount":19.99,"period":"month","currency":"USD"},{"kind":"fixed","amount":179.99,"period":"year","currency":"USD"},{"per":{"qty":100000,"unit":"tokens"},"kind":"metered","amount":0.1,"currency":"USD"}],"description":"Pay per interactive project slot","contactSales":false}],"addOns":[{"name":"Figma design implementation"}],"summary":"Free for 7 days per project. Pro: $19.99/month or $179.99/year per slot. AI tokens: $10 per 100,000 tokens.","currency":"USD","freeTier":true,"sourceUrl":"https://teleporthq.io/pricing","retrievedAt":"2026-09-24T12:31:48.661Z","freeTrialDays":7,"startingPrice":{"amount":19.99,"period":"month","currency":"USD"},"billingPeriods":["month","year"]}` |
| pricing.free_tier | yes | yes |
| pricing.model | open_source | freemium |
| pricing.price_level | free | mid |
| pricing.starting_price | `{"amount":200,"currency":"USD"}` | `{"amount":19.99,"currency":"USD"}` |
| pricing.transparent | yes | yes |
| security.certifications | - | `[{"name":"GDPR Compliance","status":"active"}]` |
| security.disclosure_policy | - | yes |
| security.gdpr | - | yes |

## Capabilities (Design To Code)

| Capability | GrapesJS | TeleportHQ |
|---|:--:|:--:|
| **Capabilities** |  |  |
| Figma import | - | ✓ |
| Sketch xd import | - | - |
| Screenshot image to code | - | - |
| Text prompt generation | - | ✓ |
| Component design system mapping | - | ✓ |
| Continuous sync reexport | - | - |
| Vcs push pr | - | - |
| Design tokens export | - | ✓ |
| Accessibility semantic output | - | - |
| Responsive breakpoints | - | ✓ |
| Delivery mode | Standalone web app | Standalone web app |
| Open source | ✓ | ✗ |
| Pricing model | Open source self host | Per seat |

*Source: vioscaleAI. Generated 2026-10-15T22:03:52.828Z. "-" = undocumented, not absent.*