Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/electron/fiddle
:electron: 🚀 The easiest way to get started with Electron
https://github.com/electron/fiddle
desktop electron hacktoberfest javascript
Last synced: 3 days ago
JSON representation
:electron: 🚀 The easiest way to get started with Electron
- Host: GitHub
- URL: https://github.com/electron/fiddle
- Owner: electron
- License: mit
- Created: 2018-06-07T10:52:57.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2024-10-26T14:00:39.000Z (about 2 months ago)
- Last Synced: 2024-10-29T14:55:50.704Z (about 1 month ago)
- Topics: desktop, electron, hacktoberfest, javascript
- Language: TypeScript
- Homepage: https://electronjs.org/fiddle
- Size: 16.8 MB
- Stars: 7,428
- Watchers: 147
- Forks: 687
- Open Issues: 73
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Codeowners: .github/CODEOWNERS
- Security: SECURITY.md
Awesome Lists containing this project
- awesome - electron/fiddle - :electron: 🚀 The easiest way to get started with Electron (TypeScript)
- awesome-list - fiddle
- awesome-electronjs-hacking - Fiddle
- awesome-js-posts - Fiddle: The Easiest Way to Get Started with Electron
README
# 
Electron Fiddle
[](https://dl.circleci.com/status-badge/redirect/gh/electron/fiddle/tree/main)
[](https://coveralls.io/github/electron/fiddle?branch=main)
[](https://discord.com/invite/APGC3k5yaH)
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 Fiddle now!](https://www.electronjs.org/fiddle)**
## Features
### Explore Electron
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][BrowserView] is or how the [desktopCapturer][desktopCapturer]
works, Fiddle has got you covered.
### Code with 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
Fiddle can automatically turn your experiment into binaries you can share with
your friends, coworkers, or grandparents. It does so thanks to
[electron-forge][electron-forge], allowing you to package your fiddle as an
app for Windows, macOS, or Linux.
### Start with Fiddle, Continue Wherever
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][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](https://github.com/electron/fiddle/blob/main/CONTRIBUTING.md) for more details.
## License
[MIT, please see the LICENSE file for full details](https://github.com/electron/fiddle/blob/main/LICENSE.md).
When using the Electron or other GitHub logos, be sure to follow the [GitHub
logo guidelines](https://github.com/logos).
[BrowserView]: https://electronjs.org/docs/latest/api/browser-view
[desktopCapturer]: https://electronjs.org/docs/latest/api/desktop-capturer
[electron-forge]: https://electronforge.io/