TeleportHQ

Converts natural language text prompts describing desired website layouts, content, and styling into complete visual designs and responsive HTML/CSS/JavaScript structures. The system processes user intent through an AI model (model type unspecified) to generate multiple design variations in seconds, then renders them in a visual editor for refinement. This bypasses traditional wireframing and mockup phases by directly synthesizing design from conversational input.

Integrates with Figma via a native plugin to import design files and convert them into editable website projects within TeleportHQ. The plugin bridges Figma's design-first workflow with TeleportHQ's code generation, allowing designers to export their visual designs and have them automatically mapped to web components and responsive layouts. The conversion mechanism (whether design-to-code AST generation, component mapping, or template-based conversion) is undocumented.

Provides a curated gallery of pre-designed website templates covering common use cases (landing pages, portfolios, e-commerce, etc.), allowing users to start projects from templates rather than from scratch. Templates are fully editable in the visual editor and can be customized through drag-and-drop, property adjustments, and content replacement. Templates likely include responsive design, component libraries, and styling presets to accelerate project setup.

Enables websites to support multiple languages, allowing content to be translated and served in different languages based on user locale or URL structure. The localization mechanism (URL-based routing, language switcher, automatic detection, or separate sites per language) is undocumented, as is the translation workflow (manual translation, API-based translation service, or integration with translation management platforms).

Implements a token-metered consumption model for AI-powered features (text-to-website generation, design variations, etc.), with monthly quotas that reset on a calendar basis. Free tier users receive 15k AI tokens/month with regional rate limiting, while professional tier users receive 75k tokens/month. Tokens are consumed when generating designs, creating variations, or using other AI features; the token cost per operation and overage behavior (hard cap vs. overage pricing) are undocumented.

Provides a white-label version of the TeleportHQ editor that agencies and resellers can embed or rebrand for their own clients, allowing them to offer website building capabilities under their own brand. The white-label offering is mentioned in the product navigation but details are minimal — customization options (branding, features, pricing), deployment model (SaaS, self-hosted), and licensing terms are undocumented.

Generates production-ready code in multiple JavaScript frameworks (React, Vue, Angular) and static HTML from a single visual design, allowing developers to choose their target framework at export time. The system maintains a unified internal representation of the design and transpiles it to framework-specific syntax, component patterns, and build configurations. Export includes complete project structure, dependencies, and styling (mechanism for style generation — CSS-in-JS, CSS modules, Tailwind, etc. — is undocumented).

Provides an interactive visual editor for building and refining website layouts using drag-and-drop components, with built-in responsive design capabilities that automatically adapt layouts to mobile, tablet, and desktop viewports. The editor maintains a live preview and allows real-time adjustment of component properties (colors, typography, spacing, etc.) without code editing. Responsive behavior is handled through a constraint-based or breakpoint-based system (specific implementation unknown), enabling single-design-to-multiple-viewport adaptation.

Publishes completed website projects directly to TeleportHQ's cloud infrastructure with a single click, generating a live URL immediately without requiring external hosting setup. The platform provides automatic HTTPS, CDN distribution (assumed but unverified), and asset hosting (5 MB limit on free tier, limit unknown on professional tier). Custom domain support is available on professional tier, allowing users to point their own domains to TeleportHQ-hosted sites via DNS configuration.

Enables multiple team members to edit the same website project simultaneously in the visual editor, with changes reflected in real-time across all connected clients. The system manages concurrent editing state, presumably with conflict resolution for overlapping edits (mechanism unspecified). Collaboration is seat-based, with per-editor monthly pricing ($9-18/month) allowing teams to scale editing capacity. Real-time synchronization is handled through WebSocket or similar bidirectional communication (implementation unknown).

Provides a built-in form builder for creating contact forms, signup forms, and other data collection forms without code, with automatic submission handling and storage. Forms are created visually in the editor, and submissions are captured and stored (storage mechanism and retention policy unknown). The system supports form validation, email notifications (unverified), and submission limits based on tier (1 form with 30 submissions on free tier, 10 forms with 2000 submissions on professional tier).

Integrates with headless CMS platforms to enable dynamic content management within TeleportHQ-generated websites, allowing content editors to manage website copy, images, and structured data without rebuilding the site. The integration mechanism (API-based, plugin-based, or webhook-based) is undocumented, as are the specific CMS platforms supported. Content is fetched at build time or runtime (unknown), and changes may require republishing or trigger automatic updates (unspecified).

Enables websites to fetch and display data from external APIs or databases, allowing dynamic content rendering based on real-time data sources. This feature is marked as NEW in the product documentation, suggesting recent addition with limited documentation. The integration mechanism (REST API, GraphQL, webhooks, or database connectors) is unspecified, as are the data binding and rendering strategies (template-based, component-based, or custom code).

Provides built-in SEO tools for optimizing website visibility in search engines, including metadata management (title tags, meta descriptions, Open Graph tags), URL slug configuration, and likely sitemap generation. The toolkit is mentioned as a feature but specific capabilities (keyword analysis, performance metrics, structured data generation, etc.) are undocumented. SEO optimization is handled through visual configuration in the editor without requiring code.