Xano Documentation
Search…
Xano Documentation
Welcome
Release notes
Roadmap & Requests
Frequently Asked Questions
💰
Share Xano. Make money
💡
Start here
What is Xano?
What's included
Technology
What is a Backend?
Why have a separate Backend?
🤔
Fundamentals
Getting Started with Xano
Designing your Database
Setting up your API
Connecting to a Front-End
🗄️ The Database
Database Basics
Field Types
Database Relationships
Data Sources
Database Performance
Importing data
🔌
The API
API Basics
NO CODE API Builder
Webhooks
Testing your API
API Request History
Auto-Documentation
Branches
API Performance
🪄
Working with data
The Basics
Variables
Dot Notation
Functions
Filters
Addons (GraphQL-like)
Date & Times
⚒️ Building Backend Features
Sign-up & Log in
Authenticated Requests
Restricting Access
Password Reset
Passwordless Auth (Magic Link)
Payments
Email Notifications
SMS
Location
🚀
Xano Features
Data Caching
Schema Versioning
Dynamic Image transformation
Snippets (Share your API)
Background Tasks (Cron Jobs)
📕
HOW-to Guides
Full Build Tutorials
Data Manipulation
External APIs
Encryption
More Video Tutorials
☁️ Your Xano Account
Help and Support
Account Page
Billing
Upgrading an Instance
Increasing Plan Limits
Enterprise Plans
Adjust Server Performance
Custom Domain
Sharing
Bandwidth Usage
Time Synchronization
API Rate Limit
🔒
Security and Compliance
Best Practices
HIPAA
ISO 27001:2013
ISO 9001:2015
PCI Compliance (ASV Network Scan)
💲
Special Discount Pricing
Non Profits
Students
Support
Bug Bounty
Clear Cache
Powered By GitBook
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

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​

​
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 reactstudio.com​

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.
​

Vue.js vuejs.org​

Trevor walks us through how build a backend in Xano and connect it to Vue.js.
Gitlab repository of the working front-end: https://gitlab.com/xano/trevor-sample​
​
Got more you're interested in seeing? Let us know in the community​
Fundamentals - Previous
Setting up your API
Next - 🗄️ The Database
Database Basics
Last modified 5d 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