Plans and Pricing

Get unlimited private projects, more features and support us to make JitBlox even greater!

Pay annually Pay monthly

Free

  • check_circleUnlimited public projects
  • check_circle
    One-time 1K AI credits (1)
  • check_circleCross-device live preview
  • check_circleGet your app's full, rock solid source code
  • check_circleUpload your code to public GitHub repositories

Pro

Get everything in Free, plus:
  • add
    Unlimited private projects
  • add
    2K AI credits (1, 2)
  • add
    Get your app's source code without JitBlox headers  help_outline
  • add
    Upload your code to private GitHub repositories
  • add
    Create custom themes to match your branding
  • add
    Advanced template editing features help_outline
  • add Always-available preview  help_outline

1) See how AI credits work for more information. Please note that AI is not available for Material Design projects.

2) Free credits are renewed monthly. If you use more than what is included, you will be charged an overage rate of $0.0016 per credit. Overage charges are billed monthly, even if you are on an annual plan.

Compare features across different plans

  Free Pro

Unlimited projects

Public projects Public + private

Private projects will not be visible to anyone but yourself.

AI assistant

check_circle check_circle

Use AI to generate layouts for your pages and components.

Free AI credits

2K (once) 2K (monthly)

See how AI credits work.

Interactive toolbox

check_circle check_circle

From basic controls to layouts and complex widgets: discover and configure them interactively to make them fit your needs.

Live previews

check_circle check_circle

Enjoy a real time preview of your app - accessible from any device - as well as previews integrated into the component designer and toolbox.

GitHub integration

Public repositories Public + private

Push a project's source code directly to your GitHub repository, allowing for easier collaboration and integration with platforms like CodeSandbox and Netlify.

Application source code without JitBlox header

- check_circle

In the Free version, generated project source files you download (or upload to GitHub) include a JitBlox header.

Custom branding

- check_circle

Customize your application to your own corporate identity by creating custom themes using a user-friendly UI.

Advanced template editing

- check_circle
  • Create separate, collapsible regions for better organization of your component's markup.
  • Hide elements: omit markup from your app without removing it and without hiding it with CSS.
  • Comments: document your design by adding comments to any element on your template.
  • Convert to component: create a new custom component from one or more selected elements with one click.

Project templates

check_circle check_circle

Project templates with the most common application layouts to kick-start your project even faster.

Project sharing and collaboration

check_circle check_circle

Invite collaborators to your project and allow others to see or modify your project.

Always-available preview

- check_circle

Keep the preview of your app online, making your app available to other project members or clients at their convenience.

Modeling and mock data editing

check_circle check_circle

Test your designs with realistic data thanks to built-in modeling capabilities and a mock data editor.

Are you evaluating different options and would like to know what sets JitBlox apart from other tools? Compare JitBlox with alternatives.

How AI credits work

Different AI models require different amounts of processing power. Premium models consume more credits per request. For example:

  • 1000 Claude Haiku 3.5 input tokens = 1 credit
  • 1000 Claude Sonnet 4.5 input tokens = 3 credits
  • 1000 Claude Opus 4.1 input tokens = 15 credits

So, with 2K credits, you get 2 million Claude Haiku 3.5 input tokens.

When you select an AI model in JitBlox, you'll see a consumption rate listed behind each model. As the cost of the Claude Sonnet 4.5 is higher than our baseline rate, we apply a pricing multiplier of 3x to align with provider pricing. Furthermore, output tokens require more computing power than input tokens.

Model Consumption rate (input) Consumption rate (output)
Claude Haiku 3.5 1x 5x
Claude Sonnet 4.5 3x 15x
Claude Opus 4.1 15x 75x