Features
Cloud Canal is filled with everything that the frontend of a web app needs, all in one package.
No Code Required
From authentication to user-specific content, it's all possible with a ton of powerful attributes.
BYOB
Bring your own backend; Cloud Canal lets you quickly and easily connect to any API endpoint in a flash.
Free Forever
We believe that the web design community can accomplish more when we share in each other's success.
How It Works
Learn how Cloud Canal works by following the interactive tutorial below to build a calculator using an API. All the interactions below were built using Cloud Canal!
Setup
Let's begin by initializing the framework. Paste the following snippet into the head of the site.
Form
Next, set an endpoint to determine where the data from the form will be sent once it's submitted. Type https://api.mathjs.org/v4 in the attribute value below.
Output
Finally, show the result of the mathematical calculation in a text block under the form. Type text::{{result}} in the attribute value below. Keep in mind that you'll also have to set a [data-cc-id] attribute on both the form and any related elements to link them.
Result
You're done! You can test out your handiwork with the form here; it's fully interactive now.
Oops! Looks like you haven't completed all the steps above. Go back and finish them to see your calculator live!
SkipWant to Stay in the Loop?
Join our mailing list for the latest updates.
Take Your Business to the Next Level
Click below to schedule a casual, free strategy session to review your project and see if Cloud Canal is the right agency for you.