JavaScript Sketch

Open-source JavaScript projects categorized as Sketch | Edit details

Top 16 JavaScript Sketch Projects

  • react-color

    :art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

    Project mention: I’m looking for a certain library for colors | reddit.com/r/webdev | 2021-08-18

    depends on the environment/framework you would use. Eg. I use https://casesandberg.github.io/react-color/ as color selector for react.

  • themer

    🎨 themer takes a set of colors and generates themes for your apps (editors, terminals, wallpapers, and more).

    Project mention: Dracula Theme: a dark theme for 227 different apps | news.ycombinator.com | 2021-12-08

    It doesn't support nearly as many programs as dracula theme does but I'd recommend giving https://themer.dev/ a try. Supports all the popular terminals, IDEs and then some.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • boring-avatars

    Boring avatars is a tiny JavaScript React library that generates custom, SVG-based avatars from any username and color palette.

    Project mention: A little React library to replace your boring fallback avatars | reddit.com/r/programming | 2021-06-01
  • Automate-Sketch

    Make your workflow more efficient.

    Project mention: Migrating from Abstract to Sketch Cloud | reddit.com/r/sketchapp | 2022-01-20

    check out the automate aketch or symbol swapper plugins. They should let you relink to the right library

  • symbol-organizer

    Organize your symbols page alphabetically (including layer list) and into groupings determined by your symbol names.

  • Sketch-Find-And-Replace

    Sketch plugin to do a find and replace on text within layers

    Project mention: Is there a trick to globally changing '$' to 'CHF'? | reddit.com/r/sketchapp | 2021-10-12

    Two options here: 1. Use the Find and Replace plugin 2. Use the native Linked Data feature (here is a blog post that explains it)

  • react-sketch

    Sketch Tool for React-based applications, backed up by FabricJS

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • PDF-export-sketch-plugin

    Sketch plugin for PDF exporting

    Project mention: PDF Export Broken in Sketch 82.1 | reddit.com/r/sketchapp | 2022-02-03

    This one, https://github.com/DWilliames/PDF-export-sketch-plugin

  • symbol-swapper

    Swap the selected symbols and/or symbol instances to a master of the same name in a library.

    Project mention: Migrating from Abstract to Sketch Cloud | reddit.com/r/sketchapp | 2022-01-20

    That's a very good question, thanks for posting. Already tried both Automate Sketch and Symbol Wrapper.

  • symbol-instance-locator

    Locate all instances of a selected symbol or instance.

    Project mention: IS there a quick n’ dirty way to find a symbol? | reddit.com/r/sketchapp | 2022-03-23
  • betterTypePanel

    A sketch plugin to help manage common OpenType properties

    Project mention: An alternative for "fontconfig"? | reddit.com/r/macapps | 2022-04-26
  • sketch-find-and-replace-text

    Find and replace text throughout your Sketch document

    Project mention: Is there a trick to globally changing '$' to 'CHF'? | reddit.com/r/sketchapp | 2021-10-12

    Haven't personally used it but there is a find and replace plugin that would probably work.

  • library-replacer-sketchplugin

    A Sketch plugin that allows you to replace a library in a Sketch file

  • studio-vue

    Export Figma, Sketch, AdobeXD, HTML/CSS to Vue js code and integrate with your code base, using Desech Studio - nocode visual HTML/CSS editor

    Project mention: Desech Studio Major update to 2.0 [New component system] | reddit.com/r/desech | 2022-02-01

    Before integrating with React, Angular and Vue, please read the github readme pages: - https://github.com/desech/studio-react - https://github.com/desech/studio-angular - https://github.com/desech/studio-vue

  • studio-react

    Export Figma, Sketch, AdobeXD, HTML/CSS to React js code and integrate with your code base, using Desech Studio - nocode visual HTML/CSS editor

    Project mention: Desech Studio Major update to 2.0 [New component system] | reddit.com/r/desech | 2022-02-01

    Before integrating with React, Angular and Vue, please read the github readme pages: - https://github.com/desech/studio-react - https://github.com/desech/studio-angular - https://github.com/desech/studio-vue

  • studio-angular

    Export Figma, Sketch, AdobeXD, HTML/CSS to Angular js code and integrate with your code base, using Desech Studio - nocode visual HTML/CSS editor

    Project mention: Desech Studio Major update to 2.0 [New component system] | reddit.com/r/desech | 2022-02-01

    Before integrating with React, Angular and Vue, please read the github readme pages: - https://github.com/desech/studio-react - https://github.com/desech/studio-angular - https://github.com/desech/studio-vue

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-04-26.

JavaScript Sketch related posts

Index

What are some of the best open-source Sketch projects in JavaScript? This list will help you:

Project Stars
1 react-color 10,646
2 themer 4,688
3 boring-avatars 3,626
4 Automate-Sketch 912
5 symbol-organizer 838
6 Sketch-Find-And-Replace 708
7 react-sketch 549
8 PDF-export-sketch-plugin 240
9 symbol-swapper 185
10 symbol-instance-locator 156
11 betterTypePanel 82
12 sketch-find-and-replace-text 43
13 library-replacer-sketchplugin 19
14 studio-vue 8
15 studio-react 7
16 studio-angular 6
Find remote jobs at our new job board 99remotejobs.com. There are 8 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.
www.sonarlint.org