npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

maputnik

v1.2.0

Published

A MapboxGL visual style editor

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

maputnikianmaputnikian

Keywords

Readme

Maputnik

Build Status Windows Build Status Dependency Status Dev Dependency Status License

A free and open visual editor for the Mapbox GL styles targeted at developers and map designers.

Mapbox has built one of the best and most amazing OSS ecosystems. A key component to ensure its longevity and independance is an OSS map designer.

Documentation

The documentation can be found in the Wiki. You are welcome to collaborate!

  • :link: Study the Maputnik Wiki
  • :video_camera: Design a map from Scratch https://youtu.be/XoDh0gEnBQo

Design Map from Scratch

Develop

Maputnik is written in ES6 and is using React and Mapbox GL JS.

We ensure building and developing Maputnik works with

  • Linux, OSX and Windows
  • Node >4

Install the deps, start the dev server and open the web browser on http://localhost:8888/.

# install dependencies
npm install
# start dev server
npm start

The build process will watch for changes to the filesystem, rebuild and autoreload the editor. However note this from the webpack-dev-server docs

webpack uses the file system to get notified of file changes. In some cases this does not work. For example, when using Network File System (NFS). Vagrant also has a lot of problems with this. Snippet from https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

To enable polling add export WEBPACK_DEV_SERVER_POLLING=1 to your enviroment.

npm run build

Lint the JavaScript code.

# run linter
npm run lint
npm run lint-styles

Tests

For testing we use webdriverio and selenium-standalone

selenium-standalone starts a server that will launch browsers on your local machine. We use chrome so you must have chrome installed on your machine.

Now open and terminal and run the following. This will install the drivers on your local machine

./node_modules/.bin/selenium-standalone install

Now start the standalone server

./node_modules/.bin/selenium-standalone start

Then open another terminal and run

npm test

After some time you should see a browser launch which will be automated by the test runner.

Related Projects

  • maputnik-dev-server - An express.js server that allows for quickly loading the style from any mapboxGL map into mapuntnik.

Sponsors

Thanks to the supporters of the Kickstarter campaign. This project would not be possible without these commercial and individual sponsors.

Gold

Silver

Individuals

Influential Stakeholder

Alan McConchie, Odi, Mats Norén, Uli geOps, Helge Fahrnberger (Toursprung), Kirusanth Poopalasingam

Stakeholder

Brian Flood, Vasile Coțovanu, Andreas Kalkbrenner, Christian Mäder, Gregor Wassmann, Lee Armstrong, Rafel, Jon Burgess, Lukas Lehmann, Joachim Ungar, Alois Ackermann, Zsolt Ero, Jordan Meek

Supporter

Sina Martinelli, Nicholas Doiron, Neil Cawse, Urs42, Benedikt Groß, Manuel Roth, Janko Mihelić, Moritz Stefaner, Sebastian Ahoi, Juerg Uhlmann, Tom Wider, Nadia Panchaud, Oliver Snowden, Stephan Heuel, Tobin Bradley, Adrian Herzog, Antti Lehto, Pascal Mages, Marc Gehling, Imre Samu, Lauri K., Visahavel Parthasarathy, Christophe Waterlot-Buisine, Max Galka, ubahnverleih, Wouter van Dam, Jakob Lobensteiner, Samuel Kurath, Brian Bancroft

License

Maputnik is licensed under MIT and is Copyright (c) Lukas Martinelli and contributors.

Disclaimer This project is not affiliated with Mapbox or Mapbox Studio. It is a independent style editor for the open source technology in the Mapbox GL ecosystem. As contributor please take extra care of not violating any Mapbox trademarks. Do not get inspired by Mapbox Studio and make your own decisions for a good style editor.