Making an Open Source Library Financially Sustainable

Rate this content
Bookmark

React Flow is an open source library used by thousands of developers and hundreds of companies. How do we make sure it stays alive, and also free? I’ll share some insights along our journey from open sourcing React Flow to passing the “black zero,” including findings from our user research where we spoke to some of the people who support us every month.

This talk has been presented at React Day Berlin 2022, check out the latest edition of this React Conference.

FAQ

The MIT license was crucial for ReactFlow because the developers wanted to ensure that the library could be used freely, especially by those who could not afford to pay for it or by smaller companies. This openness aligns with their belief in the value of open-source software.

ReactFlow is an open source library created to support the development of another project a few years ago. It is designed to be used widely and maintained under the MIT license, allowing free access and modification.

ReactFlow achieved financial sustainability by introducing a pricing model with different tiers. The basic library remains free and open source, while additional features such as pro examples, prioritized bug reports, and one-on-one support are offered in more expensive packages.

GitHub sponsoring did not work effectively for ReactFlow as it did not generate sufficient funds. The amount of money raised was not enough to dedicate a strong amount of time to the project, and the number of supporters was too low.

Subscribers felt they were not just paying for additional features but were supporting the entire development of the library. This realization highlighted that users valued the ongoing availability and improvement of ReactFlow, contributing financially to ensure its sustainability.

Users subscribe to the paid versions of ReactFlow to support the ongoing development and maintenance of the library. Subscribers recognize the value added by the library and choose to financially support it to ensure its continued enhancement and stability.

ReactFlow builds trust through active engagement and support in platforms like GitHub and Discord, where they respond quickly to user queries and issues. This direct interaction and the developers' transparency about their processes foster a strong community trust.

John Robb
John Robb
8 min
02 Dec, 2022

Comments

Sign in or register to post your comment.
Video Summary and Transcription
The Talk discusses how an open source library, ReactFlow, was made financially sustainable. Various methods were tried, including Github sponsoring and cross financing, but a price tag was eventually added to the library. Building trust and clear expectations through ongoing support and communication with subscribers was key to gaining financial support. The issue of people not knowing how much to contribute was addressed by providing a clear pricing structure. Additional features like one-on-one support and Pro examples were added to combat the paradox of choice and encourage financial support.

1. Making an Open Source Library Sustainable

Short description:

I'm here to talk about how we made our open source library financially sustainable. We built ReactFlow as an open source library that gained traction. We tried various methods to financially sustain it, including Github sponsoring and cross financing. However, we wanted to maintain the MIT license and allow smaller companies to use it. So we added a price tag to the library.

Hello, everybody. I'm John. Hi, everyone. I'm John. That just felt like an intense intro. I'm here to talk about how we made our open source library financially sustainable.

I am John. I work for ReactFlow. It's a library that we built in order to build another thing that we were making a couple of years ago. Has anyone here by any chance used ReactFlow at some point? Got a few hands raised and more to help build the library. Thanks for that.

We built this a couple of years ago. While making something else, we decided to open source it. It ended up getting some traction, which was great, but of course what comes with an open source library that's used very often is that we need to sustain it. We start to get a lot of issues, a lot of people asking questions, the Discord channel starts growing. Our question came to be how can we make sure that this has all the features that it needs, that it's stable for all these people who are using it? That comes with finances. How do we make sure to financially sustain it?

We tried a bunch of stuff. First, Github sponsoring. For us, it didn't work at all. It wasn't nearly enough money to work on this and to dedicate a strong amount of time to it. We didn't have enough supporters, not enough money per supporter. Cross financing was an option but of course that's working like agency work a little bit more intense and then splitting your time between two things. Going to investors. We wanted the option to be able to decide the direction of our own library at the time so that wasn't an option for us. Of course there was, let's just smack a proprietary license on it instead of MIT, sell it to some of the enterprises that are using it for a couple of thousand euros and we can go to Mallorca. But for us, the MIT license was super important since we had used a bunch of MIT license stuff and we wanted people that wouldn't be able to pay for it or smaller companies to be able to use it, and we believe in open source generally.

So what did we do? We added a price tag. So all of you have probably seen this kind of three rectangle screen before and know exactly what it means. You have cheaper option on the left, more expensive on the right. So on the left we have the library as it stands.

2. Building Trust and Clear Expectations

Short description:

Open source, MIT, everyone can use it. We added features, bug reports, and one-on-one support. People subscribed and we became financially sustainable. We talked to subscribers and got insights. Building trust through ongoing support is important. By responding quickly, subscribers knew us and supported us. Making our expectations clear helped us gain financial support.

Open source, MIT, everyone can use it. Just download it as you want. And then we threw on a couple of features of pro examples, prioritized bug reports, and for the slightly more expensive, we gave people one on one support for just an hour a month and we wanted to see what happens. Let's see if this works. People subscribed. Amazing. And this is how we got to becoming financially sustainable as a three person company.

Great. But the thing is, we weren't quite sure why people were subscribing to pay for something that they can basically get for free. So that's what I'm gonna talk to all of you about today is what we found from some research that our good friend Eileen, who's a researcher, said, hey, why don't you actually ask your subscribers why they're paying? So we talked to eight subscribers. And we got a bunch of great insights from them. And some of them are just React flow specific, right? Our value proposition is great, which is awesome. And in the space, at the time, there aren't many competitors in this niche space. But today, I'll share with you some of the stuff that I can sort of impart on you all that's not just related to React flow.

I am talking fast. I am from near New York City. So slow. There we go. Clicking the buttons. Back, back. And that was a break for all of you. The first point of four. Probably a lot of you already know if you've worked on open source software at all, building trust through ongoing support is super important early on, especially if you're going to be trying to figure out what features do we build, your users will tell you. And by responding to those things quickly in GitHub and Discord, you're easily going to start to build that trust. So when we actually talked to our subscribers, they didn't just know like, oh, React flow is a great library, they knew our names. So they weren't just supporting the library that they were getting on GitHub, and the documentation, but they were supporting us as people.

Then the question is, if they support us as people, how can we get them to actually support us financially if they're able to? And that is by making our expectations clear. So as I said before, we tried GitHub sponsorships, and it didn't work at all, not even close to financially sustainable. And then we threw up this thing that's pretty much the tried-and-true model of SaaS companies for years, and it worked. And our hypothesis here is that we've basically narrowed the choice down, because so many open-source libraries, we're not sure how to support them.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

How to Build Your Own Open Source Project
React Advanced 2022React Advanced 2022
16 min
How to Build Your Own Open Source Project
Hello my friend, in this talk, I wanna share with you how to build your own open source project. Building an open source software project can be challenging. I receive a lot of things randomly in a day, like thank you messages for making my life easier, which motivates me. To choose an open source project to work on, pick one you use every day. Your software is being used when people report issues and send pull requests.
Lessons from Maintaining TypeScript Libraries
TypeScript Congress 2022TypeScript Congress 2022
30 min
Lessons from Maintaining TypeScript Libraries
Top Content
Mark Erickson, a Senior Frontend Engineer at Replay, discusses JavaScript libraries and their support for TypeScript, including migration, versioning, and debugging. He also explores the challenges of supporting multiple TypeScript versions and designing APIs for use with TypeScript. Additionally, he shares advanced Redux type tricks and insights into maintaining a TypeScript library. The poll results reveal the widespread usage of TypeScript among developers, with many gradually migrating their codebases. Lastly, he provides tips for upgrading TypeScript and verifying functionality.
Nuxt 3 Modules and Open-Source
Vue.js London 2023Vue.js London 2023
31 min
Nuxt 3 Modules and Open-Source
Nuxt.js modules are a central part of Nuxt and have had 14 million downloads. Creating Nuxt modules is easy with Nuxt 3. Modules can provide assets, CSS injection, plugins, and auto imports. Learning Nuxt modules gives a deeper understanding of Nuxt and extends its functionalities. The Nuxt community is friendly to newcomers and encourages module creation.
Break the Race: Easy Race Condition Detection for React
React Day Berlin 2023React Day Berlin 2023
31 min
Break the Race: Easy Race Condition Detection for React
Watch video: Break the Race: Easy Race Condition Detection for React
Race conditions can be complex to debug and reproduce, causing frustration for users. The speaker discusses examples of race conditions and ways to fix and avoid them. They demonstrate an example of an auto-completion field in React and how to handle race conditions in API calls. The speaker introduces the FastCheck framework for property-based testing to address race conditions and improve tests. Randomizing inputs and outputs can help uncover bugs specific to certain scenarios. The speaker also discusses mitigating race conditions in React and handling test overhead and reproducibility.
The State of XState
React Finland 2021React Finland 2021
18 min
The State of XState
Over the past few years, state machines, statecharts, and the actor model have proven to be viable concepts for building complex application logic in a clear, visual way with XState. In this talk, we'll take a peek into the future of XState, including new features in the next version, and new tools and services that will make it even easier to create and collaborate on state machines.
Anthony's Roads to Open Source - The Set Theory
React Summit 2024React Summit 2024
37 min
Anthony's Roads to Open Source - The Set Theory
Open source projects can be successful by finding a large intersection of target users. Making extensions universal can lead to increased popularity and collaboration. Collaboration across ecosystems is encouraged to create more maintainable and extendable architectures. Financial support is necessary for open source projects to be sustainable. Contributing to open source can be done by identifying areas for improvement and actively participating in GitHub workflows.

Workshops on related topic

Node.js: Landing your first Open Source contribution & how the Node.js project works
Node Congress 2023Node Congress 2023
85 min
Node.js: Landing your first Open Source contribution & how the Node.js project works
Workshop
 Claudio Wunder
Claudio Wunder
This workshop aims to give you an introductory module on the general aspects of Open Source. Follow Claudio Wunder from the OpenJS Foundation to guide you on how the governance model of Node.js work, how high-level decisions are made, and how to land your very first contribution. At the end of the workshop, you'll have a general understanding of all the kinds of work that the Node.js project does (From Bug triage to deciding the Next-10 years of Node.js) and how you can be part of the bigger picture of the JavaScript ecosystem.

The following technologies and soft skills might be needed):
  - Basic understanding of Git & GitHub interface
  - Professional/Intermediate English knowledge for communication and for allowing you to contribute to the Node.js org (As all contributions require communication within GitHub Issues/PRs)
  - The workshop requires you to have a computer (Otherwise, it becomes difficult to collaborate, but tablets are also OK) with an IDE setup, and we recommend VS Code and we recommend the GitHub Pull Requests & Issues Extension for collaborating with Issues and Pull Requests straight from the IDE.

The following themes will be covered during the workshop:
- A recap of some of GitHub UI features, such as GitHub projects and GitHub Issues
- We will cover the basics of Open Source and go through Open Source Guide
- We will recap Markdown
- We will cover Open Source governance and how the Node.js project works and talk about the OpenJS Foundation
  - Including all the ways one might contribute to the Node.js project and how their contributions can be valued
- During this Workshop, we will cover Issues from the nodejs/nodejs.dev as most of them are entry-level and do not require C++ or deep technical knowledge of Node.js.
  - Having that said, we still recommend enthusiast attendees that want to challenge themselves to "Good First Issues" from the nodejs/node (core repository) if they wish.
  - We're going to allow each attendee to choose an issue or to sit together with other attendees and tackle issues together with Pair Programming through VS Code Live Share feature
    - We can also do Zoom breakrooms for people that want to collaborate together
  - Claudio will be there to give support to all attendees and, of course, answer any questions regarding Issues and technical challenges they might face
  - The technologies used within nodejs/nodejs.dev are React/JSX, Markdown, MDX and Gatsby. (No need any knowledge of Gatsby, as most of the issues are platform agnostic)
- By the end of the Workshop, we'll collect all (make a list) the contributors who successfully opened a Pull Request (even if it's a draft) and recognise their participation on Social media.