Coding on Webflow

Webflow + HTMX

No items found.
Overview
Building Apps on Webflow
001
Popular App Patterns
User-Specific Data Patterns
051
User Directory Site Pattern
052
Using Codepen
What Does CodePen Give You?
100
Using CodePen with Webflow for Script Dev
10:20
101
Using CodeSandbox.io
CodeSandbox.io
300
Using Github.dev
GitHub.dev
400
Webflow Dev Stacks
Webflow Development Stacks
500
Webflow + HTMX
501
WWX - Webflow + Wized + Xano
502
WR - Webflow + React
504
Libraries
Useful Libraries
600
Leveraging CodePen Effects in Webflow
Migrating CodePen Effects into Webflow
16:45
801
No items found.

Use this to build simple applications that integrate with an unsecured back-end API. You can easily configure a basic HTML UI with;

  • GET, POST, PUT, PATCH, & DELETE commands to endpoints.
  • The ability to databind from a remote datasource
This is best used by people who understand app dev well, and are looking for a simpler system to "glue" the UI with back-end functionality.

You will need a back-end system to "glue" to.

https://htmx.org/docs/#sse

https://htmx.org/docs/

<script src="https://unpkg.com/[email protected]"></script>

https://www.youtube.com/watch?v=Rrq__77f57E&ab_channel=TheVisualDiv

Deep Dive

A discussion of HTMLX capabilities and how to integrate it into Webflow, with Finsweet's Alex Iglesias.

Use Cases

Nest a Multi Reference Collection List

https://www.youtube.com/watch?v=SxbVLQXEoto&ab_channel=TheVisualDiv

CMS-Powered Tabs

https://www.youtube.com/watch?v=Rrq__77f57E&ab_channel=TheVisualDiv

Further Notes

The Most Important Lesson from HTMX

https://www.youtube.com/watch?v=f2wYvIVWR6M&ab_channel=Theo-t3%E2%80%A4gg

sortablejs

https://www.npmjs.com/package/sortablejs

https://sortablejs.github.io/Sortable/

https://htmx.org/examples/sortable/

https://www.jsdelivr.com/package/npm/sortablejs

<script src="https://cdn.jsdelivr.net/npm/[email protected]/Sortable.min.js"></script>

Table of Contents
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.