Bourbon vs Electron

Overview

Bourbon

Stacks131

Followers115

Votes20

GitHub Stars9.0K

Forks871

Electron

Stacks11.6K

Followers10.0K

Votes148

Bourbon vs Electron: What are the differences?

Developers describe Bourbon as "A lightweight mixin library for Sass". Bourbon is a library of pure sass mixins that are designed to be simple and easy to use. No configuration required. The mixins aim to be as vanilla as possible, meaning they should be as close to the original CSS syntax as possible. On the other hand, Electron is detailed as "Build cross platform desktop apps with web technologies. Formerly known as Atom Shell, made by GitHub". With Electron, creating a desktop application for your company or idea is easy. Initially developed for GitHub's Atom editor, Electron has since been used to create applications by companies like Microsoft, Facebook, Slack, and Docker. The Electron framework lets you write cross-platform desktop applications using JavaScript, HTML and CSS. It is based on io.js and Chromium and is used in the Atom editor.

Bourbon belongs to "CSS Pre-processors / Extensions" category of the tech stack, while Electron can be primarily classified under "Cross-Platform Desktop Development".

"Simple mixins" is the primary reason why developers consider Bourbon over the competitors, whereas "Easy to make rich cross platform desktop applications" was stated as the key factor in picking Electron.

Bourbon and Electron are both open source tools. Electron with 74.9K GitHub stars and 9.81K forks on GitHub appears to be more popular than Bourbon with 8.86K GitHub stars and 916 GitHub forks.

According to the StackShare community, Electron has a broader approval, being mentioned in 221 company stacks & 374 developers stacks; compared to Bourbon, which is listed in 25 company stacks and 12 developer stacks.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Detailed Comparison

Bourbon	Electron
Bourbon is a library of pure sass mixins that are designed to be simple and easy to use. No configuration required. The mixins aim to be as vanilla as possible, meaning they should be as close to the original CSS syntax as possible.	With Electron, creating a desktop application for your company or idea is easy. Initially developed for GitHub's Atom editor, Electron has since been used to create applications by companies like Microsoft, Facebook, Slack, and Docker. The Electron framework lets you write cross-platform desktop applications using JavaScript, HTML and CSS. It is based on io.js and Chromium and is used in the Atom editor.
-	Use HTML, CSS, and JavaScript with Chromium and Node.js to build your app.;Electron is open source; maintained by GitHub and an active community.;Electron apps build and run on Mac, Windows, and Linux.;Automatic updates;Crash reporting;Windows installers;Debugging & profiling;Native menus & notifications
Statistics
GitHub Stars 9.0K	GitHub Stars -
GitHub Forks 871	GitHub Forks -
Stacks 131	Stacks 11.6K
Followers 115	Followers 10.0K
Votes 20	Votes 148
Pros & Cons
Pros 14 Simple mixins 3 Lightweight 3 No javascript	Pros 69 Easy to make rich cross platform desktop applications 53 Open source 14 Great looking apps such as Slack and Visual Studio Code 8 Because it's cross platform 4 Use Node.js in the Main Process Cons 19 Uses a lot of memory 8 User experience never as good as a native app 4 Does not native 4 No proper documentation 1 Wrong reference for dom inspection
Integrations
Sass	No integrations available

What are some alternatives to Bourbon, Electron?

Sass

Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

Less

Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.

Stylus

Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.

PostCSS

PostCSS is a tool for transforming CSS with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more.

Sciter

It brings a stack of web technologies to desktop UI development. Web designers, and developers, can reuse their experience and expertise in creating modern looking desktop applications.

wxWidgets

It is a C++ library that lets developers create applications for Windows, macOS, Linux and other platforms with a single code base. It has popular language bindings for Python, Perl, Ruby and many other languages, and unlike other cross-platform toolkits, it gives applications a truly native look and feel because it uses the platform's native API rather than emulating the GUI. It's also extensive, free, open-source and mature.

Compass

The compass core framework is a design-agnostic framework that provides common code that would otherwise be duplicated across other frameworks and extensions.

Qt5

It is a full development framework with tools designed to streamline the creation of applications and user interfaces for desktop, embedded, and mobile platforms.

JavaFX

It is a set of graphics and media packages that enables developers to design, create, test, debug, and deploy rich client applications that operate consistently across diverse platforms.