Xano Documentation
Search…
💡
Start here
🤔
Fundamentals
🗄️ The Database
🔌
The API
🪄
Working with data
⚒️ Building Backend Features
🚀
Xano Features
☁️ Your Xano Account
🔒
Security and Compliance
💲
Special Discount Pricing
🔨
Troubleshooting
Connecting to a Front-End
Connection to Xano is done through the API, which in Xano's case is a REST API - nearly all front-ends are able to ingest a RESTful APIs making Xano front-end agnostic.
Xano provides a documented robust backend that you can plug into any front-end of your choice.
NO CODE Tools
https://www.youtube.com/watch?v=x4lfENLp6YE
www.youtube.com
Others coming soon...
Low Code Tools
Low code tools are used by individuals that have a medium to expert level of coding experience. You can greatly expedite the speed in which you build comprehensive applications using tools like the below.
React studio is an official Xano partner and they are the premium visual app design tool for the most advanced JavaScript UI library — React JS. In the studio, you'll be able to easily Create app flows and components. Express their properties and data linkage visually. Get code immediately. It also seamlessly integrates with Xano and you can see how to connect below.
Front-end Frameworks
Front-end frameworks
This codepen serves as an example for displaying data from a Xano API in Javascript. Of course, there are many different frameworks and potential ways to go about this.
Trevor walks us through how build a backend in Xano and connect it to Vue.js.
Last modified 3mo ago
Copy link
Contents
NO CODE Tools
Adalo (see more on YouTube)
adalo.com
AppGyver
appgyver.com
Appsmith
appsmith.com
Bravo Studio
bravostudio.app
Bubble (see more on YouTube)
bubble.io
Clutch
Clutch.io
Draftbit
Draftbit.com
Retool
Retool.com
Thunkable
Thunkable.com
Webflow (see more on YouTube)
Webflow.com
Webflow + Memberstack (see more on YouTube)
Webflow.com + Memberstack.com
Low Code Tools
React Studio
reactstudio.com
Front-end Frameworks
Display an External API from Xano in Javascript
Vue.js
vuejs.org