Finally, I made a list of shortcuts to MVP. By using these tools, each one of them is powerful. Each one of them will help you speed up your development time and your prototype time. You've already seen gliffy.com. But I'm going to show you bootstrap by Twitter envision app protocol IO sketch for Mac, just in mind for wireframes prototypes. So let's go through these one by one.
Bootstrap, which was built by Twitter is a sleek, intuitive and powerful front end framework for faster and easier web development. To explain exactly how this works, I can show you on get started, you can click on, I believe examples. And then here, you can click on one of these basic marketing site. And this is it you get a drop down menu, you get a login, you get a container, a three column, paragraphs here, your footer, and it's all mobile responsive. Okay, and it's all pre packaged. So you can change you can take this code right here, you can copy this code and To your your text editor, make sure you get all the files because you got to go to the homepage here and download bootstrap.
Then once you have all the CSS and JavaScript and all the images, you can then take this this example that I showed, you can actually start making it work. You can also take components like if you want to get just buttons or drop down menus, there's navigations, basic navigations, there are what's called a sticky sticky navigation that stays at the top kind of like the one that's right here, staying at the top is not moving. And you can get all sorts of different kinds of stuff. There are typography alerts, you can get buttons, progress bars, button groups. So very powerful stuff. And I used a bootstrap to build the shoe goo.tv so if you check that out, all this was built in bootstrap by yours truly.
So produce Io is a prototype builder. It's not free, you get like a free trial, I think. But again, you can build a drag and drop prototype here. You can also use sketch, which is for Mac, it's like a Photoshop for Mac, that people seem to like a lot. I've never used it personally, I'm a Photoshop guy. But sketch supposedly is very easy to use very intuitive.
And it helps you build a an interface very quickly. envision app.com gives you a couple of examples, web prototype wireframe. Here's a mobile app prototype. So if I click on it, it opens up the prototype. So this looks like a phone. I can click on an email, it opens it up, right?
Shows you where you can click if you click somewhere, right. So I can go to I can delete that. Or I'll click on inbox and begin start a new one. Yep. So lets you kind of type. Pretty cool.
So this shows you how the prototype works and you know It shows you the screen. So you can actually hand this off to someone and they can actually click on their phone, they can click on it and see how your app would work. That's envision app. And Justin minds, which is a prototyper. I have it open here, I was working on something called show teach just another one of my zany ideas, you can drag and drop stuff here. So let's go and draw it.
Let's drag and drop an image here, I right click, add snack dog. So maybe this platform is going to be called snack dog instead. But as you can see, you can drag and drop stuff. Right? And maybe now I can put some other images of dogs and you can change this to be over here on the right, you can change dogs, cats, snacks, and you'll see it change life. So that's what Justin prototyper lets you do lets you drag and drop elements from over here to over here and you can change all the elements on the right.
Then you can export this to show people on a website. So this is just in my prototype, right? This is free to download, as well. So this shows you the shortcuts to MVP. Again, I recommend you use all of these things, because it'll help you build something quicker without having to spend a lot of time and money. And now that you have built your MVP, and you have your name and your brand and your landing page and your logo and all the data and everything is ready to go, it's time to launch your beta