1. font pairs
The number 1 reason to use Webflow is to load up Font / Brand sets of Google, Adobe, and Custom Fonts for on Brand Design and CDN creation. Generate H1-H6 Semantic Design and Reusable Symbols. Use Fonts in Native Webflow Publish or export complete sets of Vanilla Design to use in Header Design for CDN, CMS, CRM.
Utilize in Next, Bubble, Wordpress, Shopify, Salesforce and resources where Google only fonts are offered.2. image handling
Webflow Source Sets images so that large images can be optimized for Desktop to Mobile loading. ALT tags, and Lazy Loading tagging and handling options are part of core usability and functional offering. URLs can be used in Native Publish or used in 360 Marketing/Email links. Images and Media URLs can also be used in Next, Bubble, Wordpress, Shopify, Salesforce resource and access management3. code export
Vanilla use everywhere HTML, CSS, JS that can include: Vue/Svelte/compiling and API fetching and Vanilla Animation can export and compile to Git based CDN publishes that actively support "Native" Workflows/CMS/CRMS.4. forms
Forms can post to unlimited Xano/DB endpoint, with error, success, and REGEX pattern capability. State Management can include Data Binding and UI is responsive. Forms can export to "Native" Workflows/CMS/CRMS.5. scaling and versions
Create unlimited versions and scaling with Collections and Data Relationships with Client Review and active Content Updates. Enterprise Grade Unlimited API calls and Data Transformations saves millions of dollars in operations and database/cloud fees. Data is fully owned and managed by6. responsive
It is responsive and can be exported to multiple platforms7. normalize / Prefixed / UI class
Webflow has Native normalize class prefixers that work across Browsers to standardize viewport, render and fallbacks. Atomic Design is built out of the box. Testing for UI/Ratio/Percentage based page renders is stable. Video / Media is rendered consistently across responsive renders. Including Safari Apple product renders.
frontend backend and authentication
adding vanilla headless CMS/CDN that can be used everywhere
Webflow for Frontend, Xano for API and Data Modeling, Wized for Access Control. Features and Functional Roles.
immediate savings with API/Design First Product Development
Webflow
design and content create
Webflow is a Vanilla Design Tool. It can be used as Photoshop or Figma would be utilized to layout/collection manage, and link to APIs/Data.
The choice of Webflow vs. Wordpress, Bubble, React, Vue, Squarespace is not either or, all CMS, CRMs and Workflows can be supported with Vanilla export or utilize Webflow as an easy to use Asset Manager that can be accessed with secure Enterprise Access Management.
The choice of Webflow vs. Wordpress, Bubble, React, Vue, Squarespace is not either or, all CMS, CRMs and Workflows can be supported with Vanilla export or utilize Webflow as an easy to use Asset Manager that can be accessed with secure Enterprise Access Management.
Xano
backend API and Data
1. database
Type and Define Relational Data that can be used Globally: Webflow, "Native" Workflows/CMS/CRMS.2. api
Endpoint creation. GET PUT UPDATE DELETE logic can interact in real time, with logic, joins, math and conditional transformation.3. add ons
Query REST/JSON data with extended "GraphQL plus" features.4. speed
Xano is fast. It is priced with Enterprise Grade Scaling. The customer owns their data.5. collaboration
Utilize a single data set with collaboration group. Avoids overwriting data. Content Creation occurs in tandem with Technical build.6. security
Role based data can be locked down with private/public and token based requirement. Xano is HIPAA and ISO 960 compliant.7. cost
Unlimited API calls and transformations. Reduction of fees to maintain server. Horizontal Serving with timebased verified Blockchain workflows. Enterprise Savings are immediately in the millions.8. orchestration
Manage data and entitlement "state" across multiple channels, legacy applications and git based data events in real time.
Wized
App Builder VUE Logic/Gating on top of Webflow
1. gate content
Manage Access Control and Usability with easy to use tools. Create UI/UX in real time. Test and then reformat. Content and Design is managed by Marketers and Designers before Tech Team, if required is involved.2. connect to multiple data endpoints
1 click data source can include: Xano, Airtable, Supabase, Firebase, any REST based Data management. Create Logic and User Flows in Real Time.3. connect to Webflow
Utilize existing Webflow Fonts, Image, Compliance, SEO tools in place4. manage logic and conditions
Generate conditional Usability and Private Dashboard publishing, conditions and previews5. manage class UI/UX
Change state class, design and usability with Actions and Events that are CSS and Web Standards that work with Machine Read transformations. Simultaneously develop for Web, Device, Machine and Platform. Direct Data with Logic and stateful parameter settings, and conditions.
Moving from Bubble to Wized, is recommended because: Webflow's Font, Design, and Accessibility Managers are more current. Wized can link to multiple Databases that are collaborative. Templates and prebuilt options are readily copied and cloned. Content Management is not closed and has Client Editing capabilities. If you'd still like to use Bubble for Gating Content. Webflow Collections as a data resource is available in both Xano and Native Bubble. Collections and Editing can sync across all resource managers in real time.
Xano can also connect to real time React Builders like: React Studio, Builder.io.
We Web provides Vue based export that can link to Xano, Supabase, Retool API protocols and modeling function stacks.
Angular, Vue, Compiled Svelte can also be utilized inside Vanilla 11ty, Astro, Webflow Prototyping Stacks.
Xano can also connect to real time React Builders like: React Studio, Builder.io.
We Web provides Vue based export that can link to Xano, Supabase, Retool API protocols and modeling function stacks.
Angular, Vue, Compiled Svelte can also be utilized inside Vanilla 11ty, Astro, Webflow Prototyping Stacks.
Tools
Asset Management
HTML/CSS/JS basics