https://github.com/AnimaApp/sketch-web-viewer

View and inspect Sketch 43 files in browser
https://github.com/AnimaApp/sketch-web-viewer

design sketch sketchapp ui

Last synced: 3 months ago
JSON representation

View and inspect Sketch 43 files in browser

• Host: GitHub
• URL: https://github.com/AnimaApp/sketch-web-viewer
• Owner: AnimaApp
• License: mit
• Created: 2017-03-28T01:57:57.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2019-11-01T23:58:27.000Z (about 5 years ago)
• Last Synced: 2024-04-13T19:23:00.272Z (9 months ago)
• Topics: design, sketch, sketchapp, ui
• Language: JavaScript
• Homepage: https://animaapp.github.io/sketch-web-viewer/
• Size: 15.6 MB
• Stars: 884
• Watchers: 27
• Forks: 72
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Sketch Web Viewer 💎 🔍

---

This project is brought to you by [Launchpad for Sketch](https://www.animaapp.com/joinfree?utm_medium=web&utm_source=github&utm_content=swv) - Publish websites directly from Sketch, no coding needed.

---

![](demo.gif)

> View and inspect Sketch files in your browser.

**[Try it here.](https://animaapp.github.io/sketch-web-viewer/)**

## 👉 Features

* 💎 View Sketch files across browsers and operating systems

* 🔍 Inspect layer frame values by hovering on them

* 🔒 No server side - your Sketch file is never uploaded anywhere

* ✈️ Can run completely offline 

* 🗽 No need to signup or login to anything

**Supports only the new Sketch 43 file format. Sketch 43 Beta can be downloaded [here](https://rink.hockeyapp.net/api/2/apps/0172d48cceec171249a8d850fb16276b?format=zip)**

## ☝️ Known Issues

* No support for multiple pages documents - [Issue #1](https://github.com/AnimaApp/sketch-web-viewer/issues/1)

* Large preview images overflow viewport and navbar

* Tooltips override each other

* [More...](https://github.com/AnimaApp/sketch-web-viewer/issues/1)

## 👋 Contribute

We welcome contributions! Just fork and make a pull request

This project is build using [VueJS 2](https://vuejs.org/).

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

```

For detailed explanation on building for development, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

MIT License • Made with ❤️ by the [Anima Team](https://www.animaapp.com)