Prefabs
Prefabs allow you to clone a pre-built component and use it in your project. The component can be used as is, or tweaked to your needs by opening it up and modifying its internal building blocks.
Learn how to import a prefabs to your project here.
All prefabs
Date Picker
A date picker component.
Time Picker
A time picker component.
Multi Choice with Pills
A multi select drop down, showing the selected items as pills.
Multi Choice
A component that allows for multi selection in a group of checkboxes.
Table
Component for creating tables from data.
Form
Component for creating dynamic forms.
List With Icons
A simple list component with icons and labels.
Navigation Menu
Component for creating navigation menus.
Media Query
Contains a handy component to create responsive interfaces.
Progress Circle
Contains an animating progress visualization in percentage.
Popup Modal
Contains a classic popup modal for simple confirm popups.
Toast
Contains Toast messages for success, warnings, errors, and neutral.
Toggle Switch
A toggle switch UI component.
Tab Bar
A tab bar component, useful for creating tab navigation.
Rating
An interactive star rating component.
Loading Spinner
A loading spinner that can be shown when requesting data etc.
Tags
Display a list of tags, with nice auto generated colors.
Selection Pills
A list of selection pills, select one or many.
Send Grid
A simple prefab for sending emails with Send Grid.
Mail Gun
A simple prefab for sending emails with Mail Gun.
Email Verification
Cloud functions for email verification and reset password.
OAuth2
Cloud functions for oauth2 user authentication.
TOTP
Cloud functions for auth with timebased one time passwords like Google Auth.
Stripe
Some helpers to make cloud functions for accepting payments and subscriptions.
Pagination
A component for pagination, showing available pages and letting user switch.
Pages And Rows
A component for pagination, letting user pick page and number of rows per page.
Filters
A prefab for creating filter controls that work well with query records.
OpenAI
A prefab with cloud functions for creating chat bots with the OpenAI API.
PDF Export
A prefab for creating a PDF file from a web page
Xano
Connects to Xano and handles queries, users and authTokens. Built by @gmaison.