Save time building your views. Select a shot from our library, trace it and export it to responsive code.
Export into responsive bootstrap grid-ready layout
Transform a static shot into respsonsive UI
Use clean markup in React or vanilla HTML
You can hover the shots to view options such as click a UI element to filter the results or even click trace to convert to code
Another great product streamlining the maker experience!— Lachlan Kirkwood (@LachlanKirkwood) January 17, 2019
Been Waiting for this! https://t.co/Dfhnep6aKU exports in html/css.😍— Fajar Siddiq (@fajarsiddiqFS) January 17, 2019
I've been visualizing tools like this to help me with "NO-CODE"
They just launched on product hunt. This is really awesome because it does tracing too. pic.twitter.com/w8v49vci4N
Step 1: Import mobile designs ✅— Product Hunt (@ProductHunt) January 17, 2019
Step 2: Trace them ✅
Step 3: Export as code ✅https://t.co/yVsA6vefNn
Shots is a collection of over 6,000 UI screens. Our team curates designs that are innovative, creative, and successful. Designs are categorized and can be filtered by device type, UI elements, category of the app, concept of the screen, and even the app itself. You can browse designs and click to have them traced—we built artificial intelligence to take the screen image and identify common UI elements, patterns and properties so that tracing a design you like is painless and easy. You can also download/export the screen as code to use in your project or share with your team!
You're new to Shots? Follow our easy-to-learn guides and shape a new era of product design. Read our guide.
Shots is free forever to browse new designs and take inspiration. Some features, such as the AI based trace-and-export, are pretty heavy on our servers and start getting expensive fast. To keep Shots free to browse and to constantly keep adding new designs, we've put in place a membership plan that comes with some added features, including scrolling through our archives of past designs, ad-free experience, a search feature, and with unlimited tracing and exporting. You can pay a monthly subscription to retain access, or an annual fee for a yearly membership.
Shots is free forever to browse new designs and take inspiration. You don't have to pay for it or upgrade to view UI screens we've curated. To access features such as our archive of over 6000 screens, search, and live-trace/export to code, you'll have to purchase a subscription. With a subscription you can access all of these features for the entire period of your membership, and browse ad-free!
We run discounts from time to time to support the maker community and our own community of designers and developers. During our launch period, ProductHunt users will be given a welcome code to access our subscription at an early-bird discount! We also offer educational plans, with the first 3 months free for students.
Of course! You can cancel your subscription at any time through your settings page, or by emailing us directly at email@example.com. We'd be more than happy to help you cancel your subscriptions, or resolve any issues you may have experienced.