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.
.webp/4k)
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.
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.
.png/2k)
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.
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.
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.
--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.
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.
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
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.
.png/720)
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?
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.
Don't be a prompt boi
Master an entire toolbox
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.
.png/1280){kind=small}
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.
.png/1280){kind=small}
.png/4k)
Transform data with pure functions
Use toddle's Formula Editor with pure functions to transform any data.
Use a powerful REST interface to connect any backend or service
toddle's powerful REST interface helps you connect to any API.
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!
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!