c0bra / Deviceframe
Licence: other
📱 Put device frames around your mobile/web/progressive app screenshots.
Stars: ✭ 507
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Deviceframe
Gradle Play Publisher
GPP is Android's unofficial release automation Gradle Plugin. It can do anything from building, uploading, and then promoting your App Bundle or APK to publishing app listings and other metadata.
Stars: ✭ 3,690 (+627.81%)
Mutual labels: automation, mobile
Protractor Pretty Html Reporter
A jasmine reporter that produces an easy to use html report to analyze protractor test results.
Stars: ✭ 9 (-98.22%)
Mutual labels: automation, screenshot
Capture Frame
Capture video screenshot from a `<video>` tag (at the current time)
Stars: ✭ 109 (-78.5%)
Mutual labels: screenshot, frame
Wdio Screenshot
A WebdriverIO plugin. Additional commands for taking screenshots with WebdriverIO.
Stars: ✭ 101 (-80.08%)
Mutual labels: automation, screenshot
Screenshotsnanny
Android library helps take screenshots for publishing on Google Play Store.
Stars: ✭ 237 (-53.25%)
Mutual labels: automation, screenshot
Api
API that uncovers the technologies used on websites and generates thumbnail from screenshot of website
Stars: ✭ 189 (-62.72%)
Mutual labels: automation, screenshot
Fastlane
🚀 The easiest way to automate building and releasing your iOS and Android apps
Stars: ✭ 33,382 (+6484.22%)
Mutual labels: automation, mobile
Insomniac
Instagram bot for automated Instagram interaction using Android device via ADB
Stars: ✭ 324 (-36.09%)
Mutual labels: automation, mobile
Mobly
E2E test framework for tests with complex environment requirements.
Stars: ✭ 424 (-16.37%)
Mutual labels: automation, mobile
Chromda
λ 🖼️ Chromda is an AWS Lambda function for capturing screenshots of websites.
Stars: ✭ 481 (-5.13%)
Mutual labels: screenshot
Flutter Ui Kits
Free Flutter UI Kits developed by Olayemi Garuba
Stars: ✭ 484 (-4.54%)
Mutual labels: mobile
Zerocode
A community-developed, free, open source, microservices API automation and load testing framework built using JUnit core runners for Http REST, SOAP, Security, Database, Kafka and much more. Zerocode Open Source enables you to create, change, orchestrate and maintain your automated test cases declaratively with absolute ease.
Stars: ✭ 482 (-4.93%)
Mutual labels: automation
Nickjs
Web scraping library made by the Phantombuster team. Modern, simple & works on all websites. (Deprecated)
Stars: ✭ 494 (-2.56%)
Mutual labels: automation
Flutter Shopping Ui Kit
I developed this application just for learning purpose. There are over 20 screen variations.
Stars: ✭ 480 (-5.33%)
Mutual labels: mobile
Scalingcarousel
A super simple carousel view with scaling transitions written in Swift
Stars: ✭ 499 (-1.58%)
Mutual labels: mobile
Rpa
UI.Vision: Open-Source RPA Software (formerly Kantu) - Modern Robotic Process Automation with Selenium IDE++
Stars: ✭ 477 (-5.92%)
Mutual labels: automation
Nginx Le
Nginx with automatic let's encrypt (docker image)
Stars: ✭ 475 (-6.31%)
Mutual labels: automation
App Icon
Icon management for Mobile Apps. Create icons, generate all required sizes, label and annotate. Supports Native, Cordova, React Native, Xamarin and more. Inspired by cordova-icon.
Stars: ✭ 504 (-0.59%)
Mutual labels: mobile
Put device frames around your mobile/web/progressive app screenshots.
This tool is in active development. If something seems off, file an issue!
Get it
npm install -g deviceframe
Use it
Pass in filenames, file globs, websites urls, or image urls. In any combination or order.
$ dframe cat.jpg
$ dframe http://github.com
$ dframe http://github.com dog.png https://i.imgur.com/aw2bc01.jpg *.bmp
deviceframe will prompt you for the frames you want to use. You can select multiple frames and search by typing. Once you have selected all the frames you want to use, hit ESC.
The frames will be downloaded from a CDN and cached locally in case you want to re-use them.
If you want to use it non-interactively you can pass frames in with the --frame flag:
$ dframe cat.jpg --frame "iphone 6"
$ dframe cat.jpg --frame "iphone 7 silver" --frame "iphone 5 blue"
You can also use one flag and separate the devices by commas:
$ dframe cat.jpg --frame "iphone 6s, macbook air"
Mobile Apps
Coming Soon
Hybrid Apps
Make a screenshot of an Ionic app locally:
$ ionic serve
In another terminal:
$ dframe --delay 5 http://localhost:8100
Websites
For website URLs, deviceframe will load the page with the aspect ratio and pixel density of selected device(s).
Here's Product Hunt's website on a Macbook Air, iPad, and iPhone:
Devices
Currently 52 unique devices. Run dframe --devices to get a list
- 166 phone + color combinations (Apple, Google, Samsung, HTC, Motorola)
- 6 tablets (iPad, Surface, Nexus 9)
- 9 computers (Apple, Dell, Microsoft)
- 5 monitors
- 4 watches (Apple Watch 1+2, Moto 360, Sony SmartWatch 3) either open or closed.
Notes
- deviceframe caches frame images in a cache directory using env-paths
- Pixel ratio information comes from https://mydevice.io/devices/
- iPhone X renders the image below the notch.
Attributions
Logo icon created by Vallone Design from the Noun Project
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].