TeleportHQ
p/teleporthq
Create, Preview, Code, Release
Sanda Andreea Pop

TeleportHQ — Powerful website builder to create, publish & export code

Featured
130
Create professional websites and export the generated code in 9 different javascript frameworks.
Design, code & publish static websites using a flexible drag & drop editor.
Replies
Best
Bren Kinfa 💎 SaaS Gems
Love it. Looks like great alternative to Webflow. Really like the Figma to HTML export - seem like a lot are picking up on this and I have to find a tool that does it smoothly, so might give TeleportHQ a try here. Any plans on integrating a CMS later down the road?
Paul Brie
Thanks for the feedback @saasdesigner! If you use our Figma plugin don't forget to use auto layout as much as you can for better results. Yes, visual integrations with headless CMS-es is on our immediate roadmap. And if you are a developer we're also planning for full support of Next.js.
Karthik Tatikonda
Congrats on the launch Guys!! Loved the Figma code export options and static website templates 🔥 Do you guys provide any integrations with Airtable or Google sheets like Softr?
Vlad Nicula
@karthik_tatikonda right now we do not, but the biggest new feature on our roadmap is headless CMS integration. We plan to do it in a pluggable way, so even tools like Google Sheets/Airtable can become data sources. The plan is to have a more traditional data source initially - maybe Strapi - and then see what's the easiest next integration that we can tackle.
Nadezhda Babushkina
Congrats on the launch! What are the platforms (like Drupal, Shopify, etc) would you plan to integrate? Or you prefer integrations with payment facilitators directly, for clients building online stores
Paul Brie
Hi @nadenade! Our approach for integrations will be dual: - a visual integration in which you can connect to some specific Headless CMS-es. We'll provide those integrations as data-sources and will suited for content integration - a full custom integration (built on Next.js) in which you'll be able to connect to any data source and build any kind of apps. This one will require to have a developer in your team We're also thinking of building a visual integrations with Shopify but this would be in a second phase.
Justin Mitchell
So I love this in principle but I haven't had a great experience day 1. I imported a rather simple Figma design and it missed I'd say probably 80% of the styles. Containers dropped strokes, vectors were missing entirely, images were all gone etc. I basically had to start from scratch on top of the imported designs.
Paul Brie
Hi @jmitch ! Thanks for your feedback. Your Figma file needs a bit a preparation in order to get the most of our import feature. Please take a look at this article. https://help.teleporthq.io/en/ar... Happy to jump with you in a short onboarding session!
Justin Mitchell
@paulbrie I'd actually love that. i have a client right now who was looking at Anima and I told them it wasn't great but then saw this and think maybe I can sell them on Teleport instead. justin@jmitch.com if you wanna set something up.
Markus Sigel
Congrats on the launch? Looks super awesome! How do you differentiate from Framer and Webflow? Any specific features that help non-coders?
Vlad Nicula
@markus_sigel From my perspective, TeleportHQ allows you to integrate with developer codebases easier. I have not played around with Framers code import recently but I can vouch for the components exported from TeleportHQ. We are doing catchup in comparison to Webflow when it comes to features though, no doubt about that. Again, from my perspective, having real flexbox/grid layouts and zooming in and out of the page is a superior UX. Framer does not seem to have real flexbox layout, or I'm having a hard time learning how to use it. Responsive layouts, especially fluid layout designs are easier to view in TeleportHQ compared to Webflow. Another interesting feature that is rough around the edges now but coming along nicely is the ability of us developers to empower no-coders directly in the tool. We can code smart React/Vue components in TeleportHQ and make them available to you in the visual editor. For example, we don't have a clean way of offering a subscribe to newsletter component, but it take 5 minutes for a developer to create one and share it so that you can drag and drop it into a page build visually. What's even more interesting is that we can access and use virtually any ReactJS component available on NPM. As a season developer, I would not mind integrating landing page / static content that a non coder creates in TeleportHQ in a large-scale project.
Paul Brie
@markus_sigel, despite some similarities, we're having a few key-differences: - open-source code generators - multi-framework support - free code downloads - low-code approach with online coding capabilities - real-time collaboration - hosting on Vercel Overall, TeleportHQ is designed as a low-code platform. To really enjoy it, a minimal set of HTML/CSS knowledge will be required. However, we see more and more designers and non or less-technical users learning front-end building with the platform. We're continously working on bringing new visual editing capabilities for non coders, but platform can be really empowering if you pass the initial ramp-up phase and you start to use some of our advanced capabilities.
Paul Rusyn
@markus_sigel @vladnicula Congrats, good luck 🚀 If you need some help with the logo and brand identity, feel free to contact me!
peter
@markus_sigel Non-coder here. Through my search for looking for a website creator that is slick and easy, TeleportHQ checked 99% of all boxes. It obvious that it is not fully feature rich yet, but at least for me it blew things like wordpress out of the water. Also, I love the quick publishing to custom domains. It uses Vercel and it's lightning fast. In my time of using it to create an online portfolio, (prupkey.com) I do however wish there were some simple functions available. The main one being an embed element. You can work around it using iFrames, but sometimes a simple box to paste some code into would be beneficial. For me, it has been the only website builder that I have found worth paying for.
Elizabeth Obee
@vladnicula this is a game changer - not just for the initial design to launch stage, but the ease of ongoing maintenance for the wider stakeholder group. That's the biggest pain point for us - ongoing changes / improvements. Love your templates and collaborative features. Congrats on a really well thought through product!
Vlad Nicula
@liz_obee thank you for the feedback. I'm glad you mentioned the ongoing changes. It was a main pain point for us a while back. As developers we really dislike to "move the subscribe button up a bit" or other minor changes like that, and we've seen how marketing teams or design teams had to wait and compete for developer resources for small updates and changes.
Marco Ceruti
I tell you my personal experience, and then you can do your own consideration. I discovered Teleport HQ just a few months ago, but I wasn't interested in it, because I develop using WP or Webflow. A new client reached me out, and they wanted the source code for a project, so I ended up using Teleport HQ for it, and I was extremely satisfied. After that my own website went down, and since then I had not the time to figure out what the problem was. I was already planning to rebuild the website, but still I don’t have the time right now, so I built a glorified “coming soon page” with it. And since Teleport comes with hosting I now can take all the time I need, and I don’t have to care about that. The development experience was really nice and easy. So much that I’m now building a website for a side hustle using it. I went from “I don’t need this” to “I absolutely love this” in just a few weeks.
Paul Brie
Thanks for your appreciation @marco_ceruti! 😊
Paul Brie
👋 I'm Paul, CEO of TeleportHQ. We're really excited to be here today! My co-founder @gabi_cretu and I started our TeleportHQ journey in May 2017 with one main idea: making front-end development visual, collaborative, accessible and fun again! Today we're celebrating the 120k users mark! 🎉 TeleportHQ is now a fully capable ecosystem of tools focused on helping front-end builders to create, collaborate and ship user interfaces way faster than traditional tools. The ecosystem is composed of 3 main elements: 👉 Visual Editor / main platform which enables collaboration, visual editing, online coding and publishing 👉 Figma plugin which generates the code of your designs in seconds 👉 Extensible open-source code generators (MIT License) What's coming next? Besides many general improvements, we're currently working on three main areas: 👉 connecting TeleportHQ with the main headless CMS-es (SSR and incremental updates support included) 👉 offering a custom coding experience with Next.js, fully integrated into the current visual experience of the platform 👉 building a marketplace/mechanism for sharing components/code/templates between projects/users We would appreciate any feedback or ideas about our platform! We'll be around all day to answer to any of your questions. Thank you for all your support!!! * Links - https://github.com/teleporthq/te... - https://www.figma.com/@teleporthq And from our R&D Labs, if you're curious... -
-
Nok Moe
@gabi_cretu /@teleporthq @paulbrie This is my fav LTD. All the best!
Alex Ghiurau
@gabi_cretu /@teleporthq @paulbrie yess! an absolute go-to tool for everyone working in the field. Highly recommend it
Oscar Lito M Pablo
@gabi_cretu /@teleporthq @paulbrie Congrats on the launch, Paul! I didn’t expect to use another IDE other than VS Code, but TeleportHQ’s low-code tools are real time-savers. Now, if only we can have the much-requested Svelte code-generation next month… :)
Paul Brie
We're looking into it @oscar_lito_m_pablo. We can't promise it for next month because our roadmap is (so!) full but it will happen, don't loose hope!
Tanmay Parekh
Congratulations on the launch! Very intuitive UX and easy compared to other website builders! Will try it out!
Paul Brie
@parekh_tanmay , let us know your first impressions once you've tried it.
Juan Camilo Bages Prada
This looks amazing! Regarding copywriting, what'd be the ideal approach for changing texts lets say for translations or A/B testing?
Vlad Grecu
@jcbages Hello and thx! I would build components and create Props for the texts that need to be in different languages (props get created automatically whenever you add a text element inside a component) and build a page using only components. Then I would just duplicate the page and fill the props with the text I want in each page Or you could build it directly in a page and just duplicate the page
Abhishek Singh
I signed up, this is quite easy to use and seems powerful. Will try to us this for my ongoing project
Paul Brie
@abhishek1846 Awesome! Please join our Discord server as well: https://discord.com/invite/uJrbe.... We're there if you need help to get started.
Sarang Gambhir
Congratulations on the PH launch. Been using TeleportHQ with Figma, and ditched Framer for good, it’s that good. Looking forward to many more updates 🙌
Paul Brie
@sarang_gambhir Thank you for your appreciation! We have big plans on we're going to release a few new exciting features this quarter! In the meantime please send us feedback about anything that you miss or could be improved. 😉
tradazio
Phenomenal update from a super amazing team. The integration with existing codebases is really impressive.
Paul Brie
Thank you for your appreciation @osazeme_usen !
Manuel Sanchez
TeleportHQ is a truly excellent product, I have been able to create beautiful websites within hours. I'm not talking about landing pages, but multipage websites, one of them for my law firm which contains approximately 20 pages. I'm not a developer, and it's still a great software for me because you can do many things with absolutely no code. I can only imagine the power of this software is you are a frontend developer. One can only be excited about software like this. I highly recommend this application.
Vlad Grecu
@manuel_sanchez1 thank you for the appreciation. I can share a somewhat biased developer opinion since I'm a dev from the team, but I was like 5 times faster building a website using our product than normal coding. If you take our website as an example, it was built entirely in our platform and it took like 3h to make and another 3h to fine tune.
Kafka Frate
Congrats on the launch! For me the best part is that you can export clean code that can be integrated further by devs with the backend. It's fast and ready to go, saving tons of time and glitches found usually in handing it off to devs. Also I like I'm not locked in some proprietary CMS like Webflow does. Been working with Webflow and always missed exporting React. Now I can just sketch fast in Figma to have an idea what I build, and start fresh in Teleport, although you have also a plugin for Figma, but I prefer to build fresh in Teleport to minimise glitches. I also like the control you have in the advanced tab where you can control but also learn some code. Recently you got an option to copy paste code within pages, so basically you can find custom elements on the web and integrate them easily, customise, etc. Now it's rough here and there in terms of interface but improvements are on the way. Once we have a full house of dynamic elements and CMS/Api integrations this tool might get bigger than Webflow in both adoption and valuation. I think Designers with Teleport will be the new Front end developers. We'll ditch Figma completely at some point. Code to code directly :)
Vlad Grecu
Thank you for the appreciation @kafka_frate Some really powerful features are in the pipeline...stay tuned!
Anvar Jamal Saifi
i have tried this tool, like it actually - it exports clean css without the need to depend on specific frameworks. that's a big plus for me. improvements i think can be done : 1. during the export can we change the names of the css classes etc so that they don't clash with our existing css. 2. can we have more ready-made components?
Vlad Grecu
@anvar_jamal_saifi happy to hear you like it 1. You can create your own CSS classes directly in the app and use them on elements so they don't conflict at generation time. 2. It's in the pipeline...stay tuned :D
Paul Brie
besides what @vlad_grecu mentioned, your class names will follow your layer name if they are generated automatically. Happy to show you this aspect with you directly in a project if you want.
Stefan Koritar
I am a big fan of no-code/low-code solutions when it comes to transforming your idea into a functional prototype or MVP quickly. TeleportHQ is a tool I use in my venture development kit whenever we decide to build a new venture. Big up! Congrats to the amazing product team you've built!
Paul Brie
Thank you for your appreciation @skoritar ! 🙏🙏🙏
Tudor Mihai
Congratulations on the launch on Product Hunt! I've been using the tool for the last 2 years starting with no coding experience and with only a few hours of YouTube videos on html css I can do so much with this tool. Most of the times I do everything with drag and drop. It helped me from doing websites in WordPress, which sometimes were running slow because of the theme and plugins, to doing faster ones with Teleport. I definitely recommend it due to fast learning curve and intuitive UX.
Paul Brie
Thank you a lot for your feedback @tudor_mihai2! 🙏
Varun Razora
Can we add animations,forms and responsive design website with this?
Paul Brie
We're planning on bringing more visual options regarding animations even though you can already use our code embeds to get started. Simple forms are already supported granted that you have an external provider to store the submitted information. @varunrazora
Cristea Vlad
I've also played around with it and what I like the most is the professional templates! Hope you'll be adding more soon. Good luck!
Paul Brie
Thanks for your feedback @cristea_vlad! 12 more templates are on their way! 😉