What is the best tool to create a quick web app prototype?

Looking for stuff that has a WYSIWYG feel and functionality built in
Posted 
Your recommendation
🤓 Have a recommendation? Join to share.
4 recommended
  1. 2
    Atomic.io 2.0

    Ultra fast, scalable and fully collaborative prototyping

    Kunal Bhatia
    Kunal Bhatia50Co-founder & Design Lead @SlidesUp · Written
    Atomic is perfect for this. You don't even need another drawing app to use it. They allow you to draw right within their tool. It also comes with a free version now!
    CommentsShare
    • Kunal Bhatia
      Kunal BhatiaCo-founder & Design Lead @SlidesUp

      Atomic is my go-to solution for ideating, creating something to test with customers, and communicating with developers. You can get an idea of how I use prototyping tools in general here. It includes an overview of many tools in this space.

  2. 2
    Bubble

    Build a fully functional web app without any code

    Ayush Mittal
    Ayush Mittal27bro @boombro, Founder RefR ✌ · Written
    Been using Bubble and made a completely functional web app on Bubble without code. There is a bit of learning curve to understand the fundamentals of visual programming, however, once you are into it, the possibilities are endless. The Bubble community is great and even developers who use Bubble claim that they have got a way to develop apps at a fraction of the time and cost. The Bubble schema is built from things — basically tables. Programming is expressed through events in a workflow. A workflow in Bubble refers to an action (event) that can be called by an element within the app. Events have conditions expressed by boolean expressions. This article (https://blog.bubble.is/how-i-clo...) will take you through a few important components, especially the database structure. Let me know if you need more info here.
    CommentsShare
    • Keith Crosley
      Keith CrosleyGRUPZ.com

      Look: There’s no platform that can enable someone with no freaking clue about how to build an app to magically build one... But boy does Bubble come close.

      I love visual/no-code/alterna-code environments and have worked on several of the most famous ones. Bubble is right up there.

      I feel like this tool‘s positioning (“you don’t have to be a coder”) belies its true strength. It‘s GRRRREAAAT for those who would rather NOT code most stuff.

      I do my best to help folks out in the forums at forum.bubble.is, but wish it had a StackExhange equivalent -- it’s that deep. Love it and wish it the best. You can build awesome stuff on Bubble, but (duh) prepare to learn some computer science In the process (this is a GOOD thing)...

    • An app that's more about doing something technically than paying any attention to the user or use-cases. Is just very impractical, with all the real-world features difficult to impossible. Just look at data-upload: https://forum.bubble.is/t/best-way-to-bulk-upload/1690

  3. 1
    WebSlides

    The easiest way to make HTML presentations and long-forms.

    José Luis Antúnez
    José Luis AntúnezDesign for trust. Seville, Spain. · Written
    José Luis Antúnez made this product
    40+ beautiful components, intuitive markup, and beautiful CSS https://webslides.tv/demos/landings
    CommentsShare
  4. 1
    Marvel 2.0

    Super simple design, prototyping and collaboration

    Jonathan James
    Jonathan JamesAlways Reaching. · Edited
    Design and Prototyping for everyone. No coding required. Sign up free! Explore prototypes now @ https://marvelapp.com/explore/ @marvelapp provides you with a simple-to-use prototyping tool. You can make and connect to a real prototype-viewer-app that works on iOS and Android allowing users to test out the prototype before you fully code it. This will allow users to devise all of their changes upfront, and save a lot of dev time as you iron-out the kinks in the prototype(s) as much as possible before starting the dev process. Typically in todays dev-world, if you want an app that enters into production with performance in-mind, it's hard to use a make-it-yourself option. Having real developers who can analyze your code and optimize/refactor it for best-performance is what you want. A prototype tool is not meant to build your app out completely and publish it to the public.. it's meant to give you an as-close-as-possible-without-dev experience. Leave the actual application itself up to the frameworks best used to develop high-performing end-products within like Angular 2 and ReactJS-Native.. Every app is different and needs careful development to best perform.
    CommentsShare