The Wayback Machine - https://web.archive.org/web/20200610210109/https://github.com/electron/fiddle
Skip to content
:electron: 🚀 The easiest way to get started with Electron
TypeScript JavaScript CSS HTML
Branch: master
Clone or download

Latest commit

Latest commit 3c6103d Jun 9, 2020

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github build: create a PR for releases.json updates instead of trying to pus… Mar 7, 2020
.vscode 🚀 First commit Jun 6, 2018
assets docs: Add icon as SVG Dec 12, 2018
src fix: make hidden editors interact properly with remote content (#404) Jun 8, 2020
static build: update Electron releases JSON (#399) Jun 8, 2020
tests fix: make hidden editors interact properly with remote content (#404) Jun 8, 2020
tools build: create a PR for releases.json updates instead of trying to pus… Mar 7, 2020
.gitattributes �? Various default files Jun 10, 2018
.gitignore chore: add test report generation helper (#340) Mar 9, 2020
.stylelintrc 🔧 🎨 Better less, better tools Jun 25, 2018
.travis.yml build: cache/install node dependencies per Travis docs, remove deprec… Mar 2, 2020
CODE_OF_CONDUCT.md �? Various default files Jun 10, 2018
CONTRIBUTING.md docs: improve CONTRIBUTING.md (#380) May 12, 2020
LICENSE.md Update Years Jan 2, 2020
README.md docs: improve CONTRIBUTING.md (#380) May 12, 2020
SECURITY.md �? Various default files Jun 10, 2018
appveyor.yml build: Update AppVeyor to Node 12 Oct 27, 2019
forge.config.js Update forge.config.js Mar 17, 2020
jest.json chore: fix test:report bailing (#349) Mar 11, 2020
package-lock.json chore: 0.15.1 (#409) Jun 9, 2020
package.json chore: 0.15.1 (#409) Jun 9, 2020
tsconfig.json wrench: Update dependencies Feb 27, 2020
tslint.json build: Update tslint rules Jan 13, 2020
wallaby.js test: Fix Wallaby & Jest Mar 31, 2019

README.md

Electron Fiddle icon Electron Fiddle

Build Status Coverage Status

Electron Fiddle lets you create and play with small Electron experiments. It greets you with a quick-start template after opening – change a few things, choose the version of Electron you want to run it with, and play around. Then, save your Fiddle either as a GitHub Gist or to a local folder. Once published on GitHub, anyone can quickly try your Fiddle out by just entering it in the address bar.

Download Electron Fiddle for macOS, Windows, and Linux

Electron Fiddle screenshot

Features

Explore Electron

Screenshot: Electron App running

Try Electron without installing any dependencies: Fiddle includes everything you'll need to explore the platform. It also includes examples for every API available in Electron, so if you want to quickly see what a BrowserView is or how the desktopCapturer works, Fiddle has got you covered.

Code with Types

Screenshot: Fiddle's Types

Fiddle includes Microsoft's excellent Monaco Editor, the same editor powering Visual Studio Code. It also installs the type definitions for the currently selected version of Electron automatically, ensuring that you always have all Electron APIs only a few keystrokes away.

Compile and Package

Screenshot: Fiddle's Tasks Menu

Fiddle can automatically turn your experiment into binaries you can share with your friends, coworkers, or grandparents. It does so thanks to electron-forge, allowing you to package your fiddle as an app for Windows, macOS, or Linux.

Start with Fiddle, Continue Wherever

Screenshot: Visual Studio Code with Fiddle Export

Fiddle is not an IDE – it is however an excellent starting point. Once your fiddle has grown up, export it as a project with or without electron-forge. Then, use your favorite editor and take on the world!

Contributing

Electron Fiddle is a community-driven project that welcomes all sorts of contributions. Please check out our Contributing Guide for more details.

License

MIT, please see the LICENSE file for full details.

When using the Electron or other GitHub logos, be sure to follow the GitHub logo guidelines.

You can’t perform that action at this time.