An online visual environment for prototyping modern web applications in real time and without coding. JitBlox provides an interactive toolbox and property editors that make it easy to leverage widgets from popular UI libraries such as Bootstrap and Material Design.
Design with realistic data thanks to built-in modeling capabilities and a mock data editor. Connect your data to your UI and create loops and other logic - all without coding.
Download the full source code of your app at any time!
Hey PH community!
Maurice, founder of JitBlox here - and excited to officially launch JitBlox today!
I started building JitBlox in early 2020 because, as a web developer, I needed a tool to build working prototypes without having to master a design tool and without coding: a visual environment that would allow developers - and tech-savvy designers - to quickly build modern web apps using proven design systems and UI widgets.
The result, 4 years later, is an easy way for teams to gather early feedback from customers using realistic prototypes, and to start their next web project with solid source code and UI components that developers are already familiar with.
How does JitBlox compare to other prototyping tools?
In addition to a nowadays indispensable drag-and-drop interface and real-time preview, the following features set JitBlox apart from other tools:
- ✔️ Create apps using battle-tested UI libraries such as Bootstrap and Material Design, rather than relying on proprietary widgets or error-prone design to code translation.
- 🧱 Build component-based apps: JitBlox encourages following best practices and organizing your apps into reusable components.
- 🧰 An interactive toolbox that lets you configure, preview and insert widgets and layouts with just a few clicks.
- 🔧 Property editors for easy configuration of widgets and CSS utilities, so you don't have to dig through documentation or memorize cryptic CSS classes.
- 🔗 Design with realistic data thanks to built-in modeling capabilities and a mock data editor. Connect your data to your user interface and create loops and other logic - all without coding.
- 🧾 Design to code? Just click the download button to download the full source code of your app, or upload to GitHub if you prefer.
Why build prototypes with JitBlox instead of a coding environment?
- No hassle with setting up a development environment, installing frameworks and copying and pasting bits of code from library documentation.
- No need to deal with data binding or control flow syntax.
- Copy, duplicate, repeat, re-order, delete or enclose your markup faster than with any HTML editor.
- An integrated theme editor that helps discover and configure CSS variables.
After countless hours of development and beta testing, I'm excited to launch JitBlox today, ready to expand and eager to hear your feedback. Where do you see areas for improvement? What UI libraries or frameworks (currently, JitBlox exclusively generates Angular apps) would you like to see supported in the future?
Note: use the promo code for 20% discount on the Pro plan for the first year, or for the first 3 months when paying monthly.
@maurice_de_laat JitBlox is a powerful tool for designing component-based web apps with real-time previews and easy code downloads! I'm curious—will future updates include integration with more third-party APIs for enhanced data connectivity and functionality within the design environment?
@maurice_de_laat looks good, using bubble and flutter flow as of now. Will definitely give it a spin, all the best with coming traction going to share it with few friends as well
Thank you @annaho2000, good question! More data connectivity is on our roadmap, starting with importing OpenAPI definitions. Integration of third-party APIs would be a logical next step (this would also make it even easier to support a Jamstack approach).
Report
Congrats on the launch, Maurice! JitBlox sounds like an amazing tool for developers and designers alike. The ability to prototype with real-time preview and proven UI libraries is a game changer for rapid development. Excited to see how it evolves! Any plans for support beyond Angular in the future?
Thanks @lambert1998. JitBlox was designed to be able to target more frameworks, so that's definitely going to happen in the future. I welcome any suggestions!
Report
Congrats on launching JitBlox, Maurice! It looks like a fantastic tool for quickly building realistic prototypes. Love that it uses battle-tested UI libraries like Bootstrap and Material Design! How seamless is the data binding process for users? Excited to give it a try and see how it can speed up our prototyping process.
Thanks @alexandra_describy! The process for binding data is quite straightforward, especially compared to doing the same thing in code: users can select the data source for each text block or HTML attribute from a drop-down list (given that they have created at least 1 data property to bind their data to). Have fun trying it, I'm curious what you think!
Report
The drag-and-drop feature combined with real code output sounds perfect for quick iterations. Congrats on the launch!😀😀
Hey Maurice.
JitBlox looks like a fantastic tool for both developers and designers. Looking forward to seeing how businesses leverage this tool! Congrats for the launch and good luck!
JitBlox
Surfsite AI
Picture Picker—Collect,Create,Edit Image
JitBlox
Stella AI
JitBlox
JitBlox
JitBlox
JitBlox
JitBlox
JitBlox
JitBlox
Telebugs
JitBlox