RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

+j+2BnaQSkzkNe0dpNHl103pbsRtVlBy3Ivqpwb7bho=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

0ACb5hSoxo1svvHlhJqD4sUSDGJ97B1kBGWGGxycXu4=

6s1k2w6SLnWj64d28WQrv9HQMxjAQ6/qFXIbthFaqKc=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

BEaEBzmJ+dCz7bi9Xenx+kQRiui5/usgymUiFzHdUSk=

EA6pIl34ynZu2fCXtDsf5N+8HjgmFW1iWFEJidJmjwE=

JCIMc2jHTforX4kLxzXeocMmrYb+LnAgwZU0w3bCzQY=

LtNTzuGC6a/O4opneIzFRwuxaT7A0jTPzl4xxFVOaJU=

OKA/wpW5U0/bGFF7Bsd9Jpz9vIcGmsLeCg4ac42B+uM=

P7vOA+qkoiRS/9UWXIUHxm+CI0lSj7WY2ZBiK9KyND4=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

Qdld2j63j/MIDqhyo7Y3RiOeFhBqJglREH2O+FwXR9I=

Sf9qPmyeAJlqj4x6Kz5SNESMv5Qs7ARqsnNruitgYpA=

USOHvTUI3mh2ib/mMwbKTyTADvigSfSmb3MXH/HsN6A=

Zf6XyBzSm/LtmgDvoXinw+Hi6BMMwoaUJHcowJ8ikX0=

gok0DFmTbYmfgm71+6/UBa9YMdK9fta9tVCYCvw0mUk=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

n9lKHF86NGBCOKJ/o3Xl/F++i0ke7eTshw4YJ60x+20=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

qriyvYyof2e0nw26zR6JThjy67bKClLhvHTizM7yDcg=

wV9d2LzLij/UwbGC8MXX+RHNBZ5d/rww134rq+krlJQ=

whJ3jNLC0SO8XSaY/XPhiyr+uvZwcHDCMcIF6SZYwb8=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Shiny x Tasks is a micro-task management app.

⚡️ Fully Reactive
🧱 HTML Attributes
👀 State management
🌐 API (loads dummy tasks)
💽 Local storage (create and update)


* Description *
You can extend this cloneable and build your own task management application or combine it with no-code membership platforms like Outseta or Memberstack to build a SaaS application.

If you're looking to store tasks in an external database such as Airtable or Baserow you will need a no-code backend.

🚀 Check out our flagship product Alphi.dev to deploy APIs

* Disclaimer *
This cloneable is intended for JavaScript developers as it uses complex concepts such as reactivity.

* Credits *
Mast (CSS)
Shard Icons (SVG)
Shiny Framework (JS)
JSONPlaceholder (Dummy API)
Designed by Will Neeteson

Shiny x Tasks (Task Management App)

This cloneable demonstrates how you can build reactive applications in Webflow using SO-Framework.

To inspect the reactive store click the ⚡️ icon in the top right.

✅ Built for Webflow
✅ Easy install (copy & paste library)
✅ Bind variables to elements using attributes
✅ Build complex forms with multi-dimensional data (this demo)
✅ Display collection lists from external data sources
✅ Create inline forms with dynamically added fields
✅ Build anything 🔥

Components built with Relume ❤️

Webflow Reactivity Demo

Welcome to the Alphi hybrid blog cloneable.

This cloneable is for those looking to use an external data source with Webflow while keeping the content pages indexable by search engines.

*This cloneable requires an active Alphi account

Summary

Home page
The home page includes a petite-vue component which fetches the blog posts on page load and displays the results.

Blog Post Template Page
The template page is what will be used by Alphi to render the page.

Features
- Dynamic page title, description & og image
- Ability to render lists (see tags)
- Attribute based

Attributes

ssr-for
Render a list of items based on an array. 
Syntax: item in items where items is the source data array and item is an alias for the array element being iterated on.

ssr-text 
Set the element's textContent property.

ssr-attr:src
Set the element's src property.

ssr-attr:href
Set the element's href property.


Hybrid Blog

Joel Whitaker

Build your own ChatGPT interface in Webflow!

* Demo Login *
email: demo@alphi.dev
password: demo1234

🤖 OpenAI ChatGPT 3.5 or 4
💬 Chat History
🔢 Formatted Responses
⚡️ Response Stream (Live)
🔒 Secured with Memberstack

* Description *
You can extend this cloneable and build your own user interface for ChatGPT or build a SaaS application.

🚀 Sign up to Alphi today and clone the blueprint!

* Disclaimer *
1. Alphi Streaming is a NEW feature which is still in beta!
2. You are responsible for your OpenAI usage credits!
3. You should NOT remove the Memberstack node as this will allow anyone to run the flow.
4. We recommend adding usage limits for users.

* Credits *
OpenAI
Memberstack
Mast (CSS)
Shard Icons (SVG)
Shiny Framework (JS)
Designed by Will Neeteson

Shiny x Assistant

Shiny x Assistant (OpenAI + Memberstack)

Shiny x Assistant (OpenAI + Memberstack)

Description

More by Joel Whitaker