PricingDocsAcademy
Bluesky ...
Fri, Nov 15, 11:44 PM

The Visual Web Framework

Developers deserve better tools

After 20 years of building web apps for others, we’ve built the tool we always wanted.

The interface of a toddle web application
Join the Visual Development Movement

We’ve done our time in text editors β€” it’s time to move on

Why does anyone want to use a text editor to create visual interfaces? Spoil yourself. Build visually.

API interface of toddle
Code vs toddle
Please click the yellow buttons...Okay, tell me about toddle
The Same Features, Just Better

If you can build it in React, you can build it in toddle

toddle is jam-packed with the features you love from the best modern web frameworks.

toddle is build within the toddle editor itself

toddle is built in toddle

The entire toddle editor and website is made in toddle. It's not just a gimmick, but the most productive way to create professional web apps.

Match any JavaScript framework

toddle is a visual take on modern-day web frameworks with zero compromise on capability and performance.

SSR

Get industry-leading performance

Web apps built in toddle are Server-Side Rendered (SSR) via 285 globally distributed EDGE locations β€” crucial for app load time, SEO, and UX.

Collaborate Git-style

Streamline your workflow with Git-styled version control. Branch out, sync, and merge. Test every branch in real-time, and ship it worry-free with unlimited rollbacks.

REST API

Use a powerful REST interface

No more lengthy code snippets to set up an API call. Just a sleek interface where you can setup streaming, redirect headers, and much more.

Button

--color-primary--color-on-primary--color-card-bg--spacing-x-md--spacing-y-sm

Bring your own design system

Unleash your design system as modular drag-and-drop components and ship custom, pixel-perfect responsive designs faster than ever.

There Are No Limits

Export, expand, and enhance as you like

Host with toddle, On-Prem, or export web components to any codebase. Get a head start with AI and community packages, and extend it all with custom code. 

Open-source 2025Apache License 2.0

No vendor lock-in

Self-host or get the peace-of-mind that comes with open-source. Licensed under Apache 2.0.

Extend with custom code

Create complex workflow actions with custom code in the built-in code editor.

toddle AI

how do I assign a radio button to a variable?
toddle AI

1. Select the radio button input field in your toddle project.

2. Go to the "Attributes" tab.

3. Choose "Bind to variable" for the radio button.

Learn and build with toddle's AI Assistant 

Unlock your potential with toddle's AI Assistant; it will help you learn, build, and get those pesky boilerplate tasks off your hands.

Export as Web Components

Create components and export them to any codebase as a Web Component. It's easy to embed into any tool that reads HTML.

Use community-built packages

Build faster with pre-built components, actions, and formulas built by the toddle community, or clone a package and make it your own.

Lots of packages floating in space
What's Stopping You from Building Like This?

If they can build AAA games, you can build a web app

Game studios have relied on visual development tools for decades to ship games with cutting-edge performance. Why should the web be any different? 

Walk the Talk

Don't just chat about it, build it

LLMs are great tools, not great Developers. Great Developers wield many tools to build great software, they don't just prompt one.

A person prompting his way to the next big thing β€” maybe, but probably not
build me the next big thing

Don't be a prompt boi

A person happy about building the next big thing

Master an entire toolbox

Hit the Ground Running

You already have 3+ years of experience

If you know HTML, CSS, and JavaScript, you already know toddle. It’s all the best ideas from a decade of JS frameworks, with next-level developer experience.

Use HTML and CSS through the toddle UI

Build dynamic UIs with HTML and CSS

Get instant visual feedback when building dynamic UIs.

Setup advanced workflows

Run actions in sequence through toddlle's workflow editor.

Setup advanced workflows with toddle
Transform data with pure functions

Transform data with pure functions

Use toddle's Formula Editor with pure functions to transform any data.

Connect Anything

Use a powerful REST interface to connect any backend or service

toddle's powerful REST interface helps you connect to any API.

What can you build in toddle?

Web apps made with toddle

There are no limits to what you can build in toddle. It's flexible like React and as fast as Astro. Try a toddle app below.

Yes, toddle is built in toddle!

Everything you see on toddle.dev, including the editor, is built using the toddle editor. It's not just a gimmick. It's a new and very powerful way to build software.

Win a Mac Mini with toddle and Xano

Win a Mac Mini!

Create a project with Xano and toddle to win a Mac Mini (M4)!

So, what is toddle?

toddle is an open-source visual web framework for highly-performant web apps.

Use toddle to create your next SaaS product in a visual environment.

Connect any backend, build pixel-perfect UIs, set up complex workflows, transform data via formulas, add custom code, and perform CRUD operations and authentication via a powerfulREST interface.

Collaborate with feature branches and version control. Connect domains, and let toddle host and ship server-side rendered web apps or exported to any codebase as web components.

Projects are cloneable and community-builtpackages are free! People have made amazing apps and have great stories to share.

If you can built it in React, you can build it in toddle. And yes,toddle is built in toddle!

Read thedocs, dive into the academy, read blog posts, hire experts, or get help on Discord.

Happy building!