Create Dynamic & Reactive Web Experiences Directly in Webflow

Build
{{ buildText }}_
with Webflow

Live demos

Tiny Reddit

Calculator App

Todo App

Weather Widget

The goal of this demo is to showcase how you can leverage FlowScript and AirTable to build a Dynamic and Reactive web-app like a Tiny Reddit clone directly in Webflow.

Loading...

Type any username to get started with this demo!

Username

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

← Back

All Posts

Add Post

{{ post.SubReddit }}

- Posted by {{ post.Author }} on {{ post.Date | date }}

{{ post.Title }}

{{ post.Post }}

{{ post.NumberComments }} comments

← Back

Post Title

{{ post.SubReddit }}

- Posted by {{ post.Author }} on {{ post.Date | date }}

{{ post.Title }}

{{ post.Post }}

New Comment

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

{{ comment.Author }}

{{ comment.Comment }}

← Back

New Post

r/Webflowr/webdevr/funnyr/travelr/AskReddit

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Watch Tutorial Video

5+3

8

7

8

9

/

4

5

6

×

1

2

3

-

0

+

=

Watch Tutorial Video

This Todo List web-app showcases the Reactive nature of FlowScript which makes developing web-apps very easy with Webflow.

Todo List

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

✓

{{ todo.name }}

×

Watch Tutorial Video

This demo showcases how you can use FlowScript to call an external API and build a widget directly in Webflow including its functionality.

Weather Widget

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Loading...

21°C

Cloudy

Watch Tutorial Video

Easily Attach JavaScript Actions to Make Any Element Interactive

Better Organization of your Code

Use Reactive Programming

Prototype Faster

Seamless State Management

Effortless API Calls

Real-time Content Refresh

Enhance Site Interactivity

Dynamic Content Loading

Bind Element Properties Directly to Your State Variables.

Modify state variables and watch your page update in real-time, for a truly Reactive design experience.

Current State

count = {{ count }}

{{{ "" }}{ count }} → {{ count }}

Click Action

1let count = getState('count');
2setState('count', count + 1);

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Start Building Dynamic and Interactive Webflow Sites With FlowScript.dev