@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.
@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.
@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.
๐ 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...
-
-
@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โฆ :)
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.
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 :)
A very intuitive interface that helps you build a website in no time. As a graphic designer, I was looking ๐ฆ for a platform that can help me with the front-end part and TeleportHQ was a great find ๐.
Also, they have a really friendly and always-available support team! ๐๐ฑโโ๏ธ
Highly recommend it! ๐๐
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 ๐
@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. ๐
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.
@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.
It's really easy it is to work with Teleport! Even for me, as a Data Engineer with not a lot of design experience, it was really helpful to come up with solutions. Highly recommend it. ๐
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?
@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
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.
I am blown away. This is seriously good. I built a website with no prior experience to a high standard in a week. Very intuitive and easy to learn. I had to comment and praise.
I am a lead designer and founder. I was using Mockflow for UI wireframes. Then I discovered Figma, where I found Teleporthq. I am sure I can develop straight to Teleporthq. I will be skipping Mockflow and Figma and going straight to Teleport from now on.
Frankly, I think it's better than Figma for prototypes, which I found to be full of bugs and hard to adapt to, especially when creating responsive pages.
I hope this flies.
@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!
@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.
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
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.
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.
One of the best teams and products I have seen in the past few years. Excellence in product roadmap, and innovative mindset. This is the future of content authoring, design, and development
Replies
TeleportHQ
TeleportHQ
LogoliveryAI
TeleportHQ
TeleportHQ
MeetGeek
TeleportHQ
TeleportHQ
TeleportHQ
TeleportHQ
TeleportHQ
TeleportHQ
TeleportHQ
TeleportHQ
TeleportHQ
TeleportHQ
TeleportHQ
Vouch
TeleportHQ
TeleportHQ
TeleportHQ
TeleportHQ
TeleportHQ
TeleportHQ
TeleportHQ
TeleportHQ