Features

Do More with Less.

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

Get Started in No Time.

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!

Inside <head> tag
1
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form

Calculator

Thank you! Your submission has been received. We will be in touch shortly.
Oops! Looks like something went wrong. Please try again.

Calculator

The answer is:
Text Span
-
Thank you! Your submission has been received. We will be in touch shortly.
Oops! Looks like something went wrong. Please try again.

Calculator

The answer is:
-
Thank you! Your submission has been received. We will be in touch shortly.
Oops! Looks like something went wrong. Please try again.

Setup

Let's begin by initializing the framework. Paste the following snippet into the head of the site.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Inside <head> tag
1
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

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.

Add Attribute
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

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.

Add Attribute
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

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!

Skip

Calculator

The answer is:
-
Thank you! Your submission has been received. We will be in touch shortly.
Oops! Looks like something went wrong. Please try again.

Want to Stay in the Loop?

Join our mailing list for the latest updates.

By signing up, you agree to receive marketing emails from Cloud Canal.
Thank you! Keep an eye on your inbox for updates.
Oops! Looks like something went wrong. Please try again.
Contact Us

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.