A free mockup tool for website and app design
Framer is a free mockup tool where you can create interactive designs for any type of app and website mockups and then turn them into working prototypes.
In addition to a full toolbox of design, mockup, and wireframing features, you can also collaborate with team members on all your projects in real-time. You don’t have to be an expert mockup designer to create beautiful interactive designs, get started today and see how easy it is to bring your ideas to life.
Trusted by some of the best in the business
App mockups with unique animations
Find useful app mockup features for quick prototyping in Framer. Magic Motion is a type of screen transition that lets you mockup how elements in your designs will move as you preview your transitions.
In addition to modals, overlays, fades, and flips, Magic Motion lets you customize how animations will behave in your mockups. Choose from bezier or spring curves and then set your ease type, timing, and delays for the most unique animations.
Learn more about Magic MotionCreate mockups for iOS, Android, and more
You can create app mockups with real components from the Insert Menu. Drag and drop UI elements for iPhones, Androids, MacOS, and more to get your mockup started.
Find hundreds of free components to help jumpstart your designs. Mockups made in Framer are real from the start, buttons can be clicked, elements move, animations and transitions can be customized for any interactions.
Learn more about components from the Insert MenuUI Mockups in no time
Framer is the UI design tool for mockups of any user interface. Choose from a variety of device presets, including phones, tablets, and desktops to get your designs started.
To make your mockups even more realistic you can create interactive UI elements with Framer’s out-of-the box tools. Need to mockup a quick stories UI for a mobile device? Check out this tutorial to see how easy it is to get started.
Start the Stories UI tutorialMockups with built-in interactivity
Everything you mockup in Framer can be fully interactive from the start. In addition to customizable animations, you can also add interactive components that actually work when they are interacted with.
Buttons that you can click, toggles that toggle, and sliders that slide. Using real components in your mockups helps you build real products faster.
Learn more about interactive componentsPreview, share, and collaborate on mockup designs
Once you’ve created your app or web mockup you can send a link to friends or team members so they can preview and interact with your interactive mockups.
If you want to collaborate for the whole design process, invite anyone to your Framer project and start working together on the canvas. With the multi-player feature in Framer, you can design together as well as leave comments for instant feedback.
Learn more about sharing your mockups