✨
Framework
  • 👋Welcome to Shiny Framework
  • Overview
    • ✨Installation
  • Components
    • 🧱Creating a Component
    • 🏇Mounting a Component
  • Attributes
    • 👁️x-show
    • 🏷️x-text
    • 🔁x-sync
    • ⛓️x-model
    • 🎡x-for
    • 🪄x-bind
      • 🖼️x-bind:src
      • 🔗x-bind:href
      • 🎨x-bind:class
      • 🔤x-bind:value
      • ✅x-bind:checked
    • 👆x-on
      • 🖱️x-on:click
      • 🥖x-on:input
      • ☑️x-on:change
      • 📤x-on:submit
      • ⛰️x-on:mounted
  • JavaScript API
    • 🪄Reactive Store
      • ➡️Get Value
      • ⬅️Set Value
    • 🦄Custom Functions
  • Fetch Examples
    • ⬇️Get
    • ⬆️Post
Powered by GitBook
On this page
  • Overview
  • Mission
  • Status
  • Special Thanks
  • Quick links
  • Components
  • Attributes
  • Javascript API

Welcome to Shiny Framework

The JavaScript framework built for Webflow

NextInstallation

Last updated 1 year ago

Shiny-Inspector: View the reactive store for your components using our new widget.

Overview

SO-Framework is a beginner-friendly javascript framework that enables users to convert static HTML components built with no-code tools like Webflow into reactive components without importing or exporting HTML.

Mission

Our mission is simple; we want to lower the barrier to entry for citizen developers looking to step out of no-code and into low-code development.

You can support Shiny Object Labs by joining our .

Status

SO-Framework is a new JavaScript framework (launched in 2023). The beta release is stable but may contain bugs, so use it at your own risk. If you want premium support, please purchase an Alphi (Startup or Business) subscription.

Special Thanks

  • Evan You - We are huge fans of Evans's work developing Vue, Petite-Vue and Vite. Whilst SO-Framework is a different approach specifically tailored to Webflow; it was only possible with Evan's eval method. 🙌

  • Alex Iglesias Piñol - Alex is the CTO at Finsweet and the developer behind ts-utils "Typescript utils for custom Webflow projects." 💪

SO-Framework is not associated with the individuals mentioned above.

Quick links

Components

Attributes

Javascript API

👋
community
✨Installation
🧱Creating a Component
👁️x-show
🏷️x-text
🔁x-sync
🎡x-for
🪄x-bind
👆x-on
🪄Reactive Store
🦄Custom Functions