A 3D illustration of the Wized logo orbiting a brain

Explore the capabilities of Wized

An interactive demo showing the building blocks of web app development.

Learn more

React to your user's input in realtime

Listen to events within your application, and choose how you want to respond.

Example 1:

When a user clicks one element, change the color of another element

Example 2:

Utilize user submitted data to show relevant content
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Hi there, how is it going?

Example 3:

Handle form submissions
<hidden input — get current page path>
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form submission results
{
nickname: "Pete"
favorite color: "Blue"
page: "https://fs-wized.webflow.io/demo-dram-edit"
}
Form submission results in a component
{Nickname} is an absolute legend!
Is {color} everyone's favorite color?

Connect with any backend

With Wized, you can connect your Webflow website with any backend out there. You can choose a built-in integration or REST API.

Example 4:

Use Wized to communicate with your own custom backend
Step 1 — Select a backend
Step 2 — Send data to 
Xano
<hidden input — get current page path>
Something went wrong
A new item was successfully created
Don't add any personal data
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Step 3 — Get, and render data from 
Xano
Get data from 
Xano
Rendered components
  • Your submissions will be listed here...
  • Thank you! Your submission has been received!
    Oops! Something went wrong while submitting the form.
Raw 
Xano
 data
Xano
 response
Nothing to display yet
Step 2 — Send data to 
Firebase
<hidden input — get current page path>
Something went wrong
A new item was successfully created
Don't add any personal data
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Step 3 — Get, and render data from 
Firebase
Get data from 
Firebase
Rendered components
  • Your submissions will be listed here...
  • Thank you! Your submission has been received!
    Oops! Something went wrong while submitting the form.
Raw 
Firebase
 data
Firebase
 response
Nothing to display yet
Step 2 — Send data to 
Supabase
<hidden input — get current page path>
Something went wrong
A new item was successfully created
Don't add any personal data
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Step 3 — Get, and render data from 
Supabase
Get data from 
Supabase
Rendered components
  • Your submissions will be listed here...
  • Thank you! Your submission has been received!
    Oops! Something went wrong while submitting the form.
Raw 
Supabase
 data
Supabase
 response
Nothing to display yet
Step 2 — Send data to 
AWS
<hidden input — get current page path>
Something went wrong
A new item was successfully created
Don't add any personal data
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Step 3 — Get, and render data from 
AWS
Get data from 
AWS
Rendered components
  • Your submissions will be listed here...
  • Thank you! Your submission has been received!
    Oops! Something went wrong while submitting the form.
Raw 
AWS
 data
AWS
 response
Nothing to display yet

Build fully custom login experiences

Unlock the possibilities: seamlessly connect with email, passwords, or social login

Example 5:

Customize the login options for your web app
Select sign-in methods:
There was an error
Continue with Myspace
You're late, this was deprecated 20 years ago!
Don't add any personal data
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Set up who can see what with simple rules

Set up user tiers, and choose which features each user can access

Example 7:

Access control rules

HEEEY!? Log in first!

Logout
Your projects
Dummy text
Name
Progress
Next task
Budget
Dummy text
Design sitemap
$14,500
Dummy text
Dummy text

Enable your users to personalize the design, and save their preferences

Manage the state of your application, and create delightful experiences for your users

Example 8:

Using state management for personalization
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Add more functionality with our JavaScript API

Craving unique functionalities? Amplify Wized using your own code. From visual enhancements to chart integrations, our API’s got you covered

Example 9:

Add charts to your app with the Charts JS library

Example 10:

Add a rich text editor to your app with QuillJS