Say Hello to Pinocode…An offline code playground for Frontend development right in your browser

over 5 years ago from ebuka ezeh, JS developer

Pinocode is an Offline code playground for frontend development right in your browser.

It provides you a cool environment to practice front-end development using HTML, CSS, and JavaScript... With support for variants and external libraries inclusion.. For beginners and experts.

It's free too.

Lives completely in your browser. There is no network involved, so it opens and shows previews instantly, with preprocessor support plus external libraries too.

This extension provides you with an accessible environment for your lovely web experiments. Perfect for developers who want to experiment or practice in HTML/CSS/JS quickly, even without Internet connectivity.

Features:

Works offline * Supports preprocessors: HTML (jade, markdown, pug), CSS (SCSS, LESS, SASS, Atomic CSS, Stylus) & JavaScript (ES6, CoffeeScript, TypeScript) * Inbuilt Console * Save and load your creations with Auto-save * Fork any creation * Multi-monitor support with detached preview * Import & Export all creations anytime, anywhere * Configurable settings * Code autocompletion * Very easily accessible. Simply open a new tab in Chrome! (configurable setting). * Multiple layouts with saved collapsed states * Save as HTML file * Edit in CodePen * Preview screenshot capture *as-you-type code linter/hinter for CSS, HTML and JS *CSS auto-prefixer *code tidy for CSS, HTML and JS *keyboard-shortcuts *support for unlimited external libraries

Visit http://pinocode.io to install on your PC, MAC or Laptop

Let's create!

For Help & Support Twitter - @pinocode

Please do share

Crafted by @ebukaloper

9 comments

Emanuel S., over 5 years ago
If you need some UI advice, I'm willing to contribute. Maybe even with some custom icons! For free.
2 points
- ebuka ezeh, over 5 years ago
  thank you, please do, we have a Gitter lobby https://gitter.im/pinocode/Lobby we can discuss more over there.
  0 points
Mitchell B, over 5 years ago
Please work on the banner contrast! Looking at the icons feels like looking for your keys in a dark room.
1 point
- ebuka ezeh, over 5 years ago
  what banner contrast?
  0 points
  - Bryce Driesenga, over 5 years ago
    The contrast between the icons and the green banner on top.
    0 points
  - Mike Stevenson, over 5 years ago
    The contrast in the boxes on the left (HTML/CSS/JS) and the icons on the top. Everything takes too much work to read.
    But, killer extension!! Great job. I'll use it (although I might have to edit the source code to make the contrast better, ha).
    0 points
    - ebuka ezeh, over 5 years ago
      Hello,
      Can I get a detailed screenshot showing the area to https://gitter.com/pinocode/lobby
      I still don't understand
      Thank you for the feedback
      0 points
Jonathan Gall, over 5 years ago
If I understand well, you offer an offline alternative to CodePen?
0 points
- ebuka ezeh, over 5 years ago
  yes, An offline alternative to CodePen with even more features, like as you type code -linter for HTML, CSS, JS......code beautifier.........css auto-prefixer and lots more.....Pinocode runs on the webmaker code hosted on Github with lots of improvements.
  1 point

Designer News

Join Us

Say Hello to Pinocode…An offline code playground for Frontend development right in your browser

9 comments

Join Us

Login to Comment

Register Today