100% Open Source

As easy as saying,

Setting up payments shouldn’t be rocket science. It should be easy. We’ve built Flowglad so you can go back to building your startup. Set up subscription plans and usage-based billing, without the pain.

1

import { useBilling } from '@flowglad/nextjs'

2

3

function CheckoutButton() {

4

const { createCheckoutSession, catalog } = useBilling()

5

6

const onClickUpgrade = () => createCheckoutSession({

7

priceId: catalog.products[0].defaultPrice.id,

8

autoRedirect: true

9

10

return <button onClick={onClickUpgrade}>

11

Upgrade

12

</button>

13

}

checkout-button.tsx

api/.../route.tsx

mcp-demo.mov

Testimonials

Trusted by the cool kids

What Flowglad is building is going to go somewhere. It’s actually good. I love that it’s open source. The objects are nice and clean.

Darren Baldwin

Co-Founder and CTO, Tembo

Diagram

I came across Flowglad just a few weeks ago. I wish this had existed when I was building Diagram’s billing system.

Siddharth Sharma

Founding Engineer, Diagram

FRACTAL TECH

I didn’t know metered billing could be this simple.

Jake Zegil

Founder, Fractal Tech

1

import { useBilling } from '@flowglad/nextjs'

2

3

function CheckoutButton() {

4

const { createCheckoutSession, catalog } = useBilling()

5

6

const onClickUpgrade = () => createCheckoutSession({

7

priceId: catalog.products[0].defaultPrice.id,

8

autoRedirect: true

9

10

return <button onClick={onClickUpgrade}>

11

Upgrade

12

</button>

13

}

checkout-button.tsx

api/.../route.tsx

mcp-demo.mov

Testimonials

Trusted by the cool kids

What Flowglad is building is going to go somewhere. It’s actually good. I love that it’s open source. The objects are nice and clean.

Darren Baldwin

Co-Founder and CTO, Tembo

Diagram

I came across Flowglad just a few weeks ago. I wish this had existed when I was building Diagram’s billing system.

Siddharth Sharma

Founding Engineer, Diagram

FRACTAL TECH

I didn’t know metered billing could be this simple.

Jake Zegil

Founder, Fractal Tech

Full Stack SDK

React Hooks & backend functions to build on your terms, not an API's

1 Source, 0 Webhooks

Fetch live billing data directly from Flowglad - no brittle webhook syncs.

Styled Embedded UIs

Embeddable components that seamlessly match your app's styling.