### Referral Program
* Refer friends to Anything and earn free credits when they sign up!
* Visit the [dashboard](https://createanything.com/dashboard) and click on "Get Free Credits" to access your referral link.
* Share your unique referral link with friends and earn credits for each successful referral.
## **Refund Policy and Cancellations**
Anything does not offer refunds at this time. We can assist you with cancelling your Anything subscription, which you can do by heading to your [dashboard](https://app.create.xyz), clicking on Subscription and Credits > Update Plan > Manage Billing
# Subscriptions
Source: https://www.create.xyz/docs/account/subscriptions
Join Anything Pro
## Plans
* **Free** - Perfect for trying out Anything
* 5k credits to explore
* Daily message limits
* Limited code generation
* Public projects
* **Anything Pro**
* Advanced code generation agent
* Private projects
* Custom domains
* Priority AI models
* Choose your monthly credit limit:
* Pro 20k - \$19/mo - 20k credits
* Pro 50k - \$49/mo - ~~50k~~ 55k credits
* Pro 100k - \$99/mo - ~~100k~~ 110k credits
* Pro 200k - \$199/mo - ~~200k~~ 220k credits
* Pro 300k - \$299/mo - ~~300k~~ 330k credits
* Pro 400k - \$399/mo - ~~400k~~ 440k credits
* Pro 500k - \$499/mo - ~~500k~~ 550k credits
* Pro 600k - \$599/mo - ~~600k~~ 660k credits
* Pro 750k - \$749/mo - ~~750k~~ 825k credits
* Pro 900k - \$899/mo - ~~900k~~ 990k credits
You can view a full feature breakdown on our [pricing page](https://create.xyz/pricing).
## Chat
You chat with Anything to build your app. Tell it what to build using text or images:
* You can paste imges into the chat
* Press `cmd-enter` (or `ctrl-enter` on Windows) to send messages
* Anything uses your app's code and chat history to generate updates
* Paid plans get enhanced AI generations with more context
## Mode Switcher
* **Thinking Mode** - Our default mode, this allows the AI to generate the highest quality results and when necessary review external resources to ensure accuracy.
* **Discussion Mode** - chat without making edits. It can be important at times to prevent edits to your work and be able to ask questions of the builder about status, approach or specific features without allowing it to alter your current design.
* **Fast Mode** - Built for speed at the expense of quality, this mode is designed to get you results quickly. It is inferior to Thinking Mode in many ways, but uses less credits to generate code.
* Return to Dashboard - head back to your main account page in Anything
* New Project - start a new project
* Version History - [restore from a prior version](https://www.create.xyz/docs/essentials#version-history)
* Enable User Accounts - turn on [user login](/builder/user-accounts) features
* [Project Settings](https://www.create.xyz/docs/essentials#project-settings) - project metadata, generation settings, social previews and more
* Docs - head here to our documentation and knowledge base
### Project Settings
Control important project specific settings including assets, secret keys, custom instructions, generation settings, authentication providers, branding, social share, mobile app settings and more.
### Mode Switcher: **Demo, Code, and Preview**
By default we will always show you the build in demo mode. You can quickly switch between different modes to work on your app. Learn more about [**controls**](https://www.create.xyz/docs/builder/controls):
* **Demo mode**: the default view, work and test your application while building it right
* **Code mode**: View and edit the underlying code
* **Preview**: A live preview sandbox to view your site as a public user and test functions, authentication, payment systems and more.
### Responsive Preview
Test responsive design (Desktop/Mobile)
### Publish
[Launch your app](/publish-and-share/publish) and set domain. Remember to re-publish after changes to go live.
## Version History
Keep track of changes and revert to previous versions
* **Chat**:
* Tap on previous versions in the chat to jump back
* Hit 'Restore' to make it the current version
* **Version Timeline**:
* Tap the clock icon in the top left to see all versions
* Published versions are labeled
* Restore any version
## Dashboard
* View your projects, delete and copy them
* View your [databases](/builder/databases) created for existing projects
* **Custom Instructions** - shape the way the builder interacts with you and your project. This is an advanced feature not generally required for daily use. See community examples of Custom Instructions [**here.**](https://www.create.xyz/custom-instructions)
* **Invite** - collaborate with friends and colleagues on a project together
* **Subscription and Credits** - monitor your [credit consumption](/account/credits) and generations to date. You can also manage your Anything Monthly Subscription in this menu
* **Accept Payments** - Stripe onboarding to allow the [Stripe Integration](/stripe) to collect payments from within your projects
# Databases
Source: https://www.create.xyz/docs/builder/databases
Store and manage data in your apps
## Overview
Every Anything project includes a free database. As you chat with Anything, it handles all database details - from designing the structure to writing the code that enables your application to save and retrieve data.
Use databases to:
* Store user submissions (forms, feedback, uploads)
* Save content (blog posts, products, galleries)
* Persist data between application sessions
* Build dynamic data-driven features
## Chat-based database management
Anything automatically updates your database structure and how your application retrieves and stores data as you chat.
When a feature requires storing data, it:
1. **Designs the database structure** based on your description
2. **Creates Functions** to save and retrieve data from the database
3. **Designs Pages and Components** to display and interact with the data
4. **Connects everything** to ensure your Pages use the Functions that retrieve/store data
### Example: Task management application
If you say "Make me a tasks app", Anything:
Reset button located in the top right corner of the database viewer
Preview your app in the builder as you chat with Anything.
## Core building blocks
Anything constructs your application using these fundamental elements:
## Iterate and refine
Perfect your application through continuous iteration and improvement:
```
Can we do a chrome theme with muted blue tones?
```
## Add advanced features
Enhance your application with sophisticated functionality:
```
Allow users to load photos of their cars as a part of the booking process
```
## Test your application
Preview and test your application across different devices and scenarios:
## Deploy your application
Publish your application to various platforms based on your requirements:
* **Websites and blogs** - [Learn about web publishing](/publish-and-share/publish)
* **iOS App Store** - [Mobile app deployment](/builder/mobile)
## Next steps
Pages are automatically named based on their content. Rename them by instructing the builder:
```
Rename bio to biography in the URL structure
```
## Manage multiple pages
```
Move the "About" section from the Contact Us Page to its own Page titled "About."
```
Consider splitting your application into multiple pages when:
* Different sections serve distinct purposes (e.g., home, about, contact)
* You want separate views for different user types (e.g., customer-facing vs admin pages)
* You need to [restrict access to certain users](/builder/user-accounts)
## Require authentication
You can restrict page access to signed-in users:
```
Enable user accounts, require a user be signed in to view the following pages...
```
Users will:
* See content when signed in
* Be redirected to login when not authenticated
Learn more about [User Accounts](/builder/user-accounts).
## Delete pages
Simply ask the builder:
```
Delete my biography page
```
# Style Guides
Source: https://www.create.xyz/docs/builder/style-guides
Style Guides make your project look good, fast.
### How It Works
Style Guides automatically:
* Apply consistent colors
* Set typography
* Define spacing
* Match component styles
* Maintain visual hierarchy
When you create new elements, Anything follows your chosen style without extra prompting.
### Updating Styles
When you change your Style Guide:
* You need to regenerate the [pages](/builder/pages) / [components](/builder/components) to use that style
* New elements follow the style
Try different styles to find the right look for your project.
If elements don't match your selected Style Guide, tell Anything to "follow the Style Guide" in your prompt after your selection. This helps Anything apply the correct styles.
# Uploads
Source: https://www.create.xyz/docs/builder/uploads
Let users upload files to your app (images, PDFs, documents, audio, videos, etc.)
Uploads let users add files to your app - like images, PDFs, documents, audio, and videos. Build galleries, AI tools that process text or documents, or just let users set profile pictures.
## Why Use Uploads
Uploads enable several capabilities:
* **File sharing** - Let users upload and share files
* **Galleries** - Build collections of images or videos
* **Documents** - Handle PDFs and other documents
* **User specific content** - Allow profile pictures and submissions with [User Accounts](/builder/user-accounts)
### Adding Uploads
```
Allow users to upload an image to set as their avatar in their profile
```
1. **Describe the upload flow**:
* UI elements (buttons, drag areas)
* Success/error states
* What happens after upload
2. **Choose upload method**:
* File selector
* Drag and drop
* URL input
* Copy/paste
3. **Handle the file**:
* Store URL in database
* Display preview
* Process content
Example prompts:
* "Add an image upload button to the form that shows a preview after its uploaded"
* "Let users drag PDFs to upload and store in /\[Database]"
* "Create a profile picture uploader with cropping. Store the URLs in /\[UsersDB]"
Anything will write the code to support uploads based on your prompt. We recommend specificity in how you want to support uploads. Some common details to include:
1. UI around uploads
2. How the app should handle different states (uploads, error, success, etc.)
3. How the app should use the upload
Anything automatically:
* Stores files securely
* Returns permanent URLs for the file stored on Anything's cloud
* Handles file serving when you use the URL
To save uploads:
* Store URLs in [Databases](/builder/databases)
* Reference URLs in your app
* Query stored URLs later from the database
## How It Works - In the App
When you enable User Accounts, Create adds:
### Authentication Pages
* Sign In Page - `/account/signin`
* Sign Up Page - `/account/signup`
* Logout Page - `/account/logout`
You can customize the look and feel of these pages by prompting Create to change them.
Once User Accounts is enabled, you can also create components for the sign in, sign up, and logout functionality. This lets you embed this functionality anywhere. Under the hood, it uses the same auth routes as the pages.
These pages contain special code to update the user in the database when they sign up/in and handle common errors.
### User Tables
Create makes 4 special tables:
* `auth_users`: Tracks users in your app
* `auth_accounts`: Tracks auth methods (email/password, Google, etc.)
* `auth_sessions`: Database-backed user sessions
* `auth_verification_token`: 2FA verification tokens
Most used: `auth_users` (core profiles) and `auth_accounts` (login methods)
### [Email/Password](/auth/password)
* Default authentication method
* Secure password hashing
* No additional setup required
* You can turn it off in Project Settings
* [Detailed guide here](/auth/password)
### [Google](/auth/google)
* Social login using Google accounts
* You'll need to get a Google Client ID and Secret from Google
* [Full setup guide](/auth/google)
### [Facebook](/auth/facebook)
* Social login using Facebook accounts
* You'll need to get a Facebook App ID and Secret from Facebook
* [Full setup guide](/auth/facebook)
### [X](/auth/x)
* Social login using X/Twitter accounts
* You'll need to get a Twitter Client ID and Secret from X
* [Full setup guide](/auth/x)
## Testing
Verify your User Accounts setup:
1. Enable auth on a test page
2. Publish changes
3. Open an incognito window
4. Verify redirect to sign-in
5. Create test account
6. Confirm access after auth
## Troubleshooting
If authentication isn't working:
* Verify User Accounts is enabled for project. Do you see the sign up, sign in, and logout pages in the Project Selector? Do you see the auth tables in the database?
* Check page/function auth settings
* Review the database - check the auth\_users table to make sure the user was created
* Test with a fresh account
* Review our [Get Help Article](/support/help) for more
### Error Codes
If one of your users runs into an error while signing in / signing up, or you do while testing, check the URL for `?error=[code]`.
It can give you a hint on what might be wrong.
Common error codes and fixes:
* **OAuthSignin/Callback**: OAuth configuration issue
* Check provider settings and keys
* Verify redirect URLs
* **OAuthAccountNotLinked**: Email already used with different auth method
* User should sign in with original method (e.g. Google instead of email)
* **CredentialsSignin**: Wrong email/password
* Double-check credentials
* Reset password if needed
* **EmailCreateAccount**: Email already registered
* Use sign in instead
* Reset password if needed
* **AccessDenied**: Permission issue
* Check access settings
* Verify allowed domains
* **Configuration**: System setup issue
* Check auth configuration
* Verify environment variables
## FAQs
### Keyboard shortcuts
Speed up your workflow with these shortcuts:
* Press `cmd-enter` (or `ctrl-enter` on Windows) to send messages
* Use `/` **commands** to add [Integrations](/builder/integrations) or create new elements
### Project components
Anything projects can contain multiple elements to build end-to-end applications:
* [**Pages**](/builder/pages) - Application screens and user interfaces
* [**Components**](/builder/components) - Reusable UI elements
* [**Functions**](/builder/functions) - Backend logic and external API calls
* [**Databases**](/builder/databases) - Data storage and persistence
* [**User Accounts**](/builder/user-accounts) - Authentication and user management
* **Assets** - Images, logos, and media files
New projects begin with a single page that you can expand upon.
## Iterating and improving
Enhance your application by sending instructional messages to the assistant. Anything updates your application based on your input and the current project state.
### Best practices
* Be specific and concise in your instructions
* Reference specific elements or pages for targeted edits
* Review our [prompting guide](/prompting) for optimal results
* Lean on our [Discussion Mode](#discussion-mode) to plan integrations, changes or debug issues
* Learn how to [triage issues](/support/help#how-to-triage) with our troubleshooting guide
## Navigating your application
* Use the top-level navigation to switch between pages
* Features and pages are automatically added as you build
* Completion notifications appear in the chat
* Preview functionality may require navigation to specific areas or sample user login
## Thinking mode
Enabled by default to enhance the builder experience. The AI agent works beyond just coding to investigate, research, and access internal and external resources to build the best application possible.
### Example queries
* "Can you redesign this page to match the style of \[website URL]?"
* "Make this app look like Instagram's design but for \[your use case]"
* "I pasted a screenshot of a design I like - can you implement something similar?"
## Discussion mode
Enable discussion mode to receive input, feedback, and best practices directly from the AI.
Access your complete version history via the dropdown menu in the upper left or use `cmd + option + shift + h`
## View modes
Switch between different modes to work on your application. Learn more about [controls](/builder/controls):
* **Demo mode** - Default view for building and testing your application
* **Code mode** - View and edit the underlying code
* **Preview** - Live sandbox to test your site as a public user, including functions, authentication, and payment systems
## Adding new elements
Expand your project through direct instructions to the builder:
* Chat with the builder about new requirements: "Create a new page for blog posts" or "Add user accounts for paid members"
* Use "/" commands to set up [Integrations](/builder/integrations) or upload assets
## Stopping generation
* Click the stop icon in the builder chat to halt unwanted changes or cancel requests
## Refreshing preview
If changes aren't appearing, use the refresh button in the upper toolbar to update demo mode.
## Project settings
Configure important project-specific settings including assets, secret keys, custom instructions, generation settings, authentication providers, branding, social sharing, and mobile app settings.
### Available settings
* **Assets** - Upload images for repeated use in your project
* **Custom Instructions** - Shape builder interactions and project behavior (advanced feature)
* **Generation Settings** - Pro users can select their preferred LLM
* **Saved Secrets** - Store API keys for integrations
* **Providers** - Configure authentication options for user accounts
* **Branding and Icons** - Mobile app resources (coming soon)
* **Social Share** - Configure titles and descriptions for search engines and social media
### Specify details precisely
You can specify exact values like hex codes, fonts, or spacing for precise results. If you're unsure, describe in plain English and Anything will approximate.
### Examples
✅ **Approximate with English:**
```
light gray subtitles that have some space between them and the title
```
✅ **Specify exact values:**
```
#d3d3d3 subtitles
```
```
Title 32px, Subtitle 24px, with 12px space between them
```
```
Use Inter for the titles and subtitles
```
### Report errors specifically
## How it works
When someone visits your domain:
## Adding to WordPress
Here's how to add your app to a WordPress.org site:
### Quick Publish
1. Tap **Publish** in the top right
2. Choose your created.app subdomain
3. Select pages and functions to publish
4. Set routes for each page
5. Confirm your settings and tap **Publish**
6. View your published app live at \[yourslug].created.app
### Routes and URLs
Routes determine how users access your pages:
* `/` is your homepage
* `/about`, `/contact` etc. for other pages
### Customizing Social Previews
You can customize how your pages look on social media:
* Set page title, description, and preview image
* Update these settings in your Project Settings Menu, learn more in our [Essentials](https://www.create.xyz/docs/essentials#project-settings) article
* Changes affect social media previews
### Domain Options
Choose your domain:
* **Free**: yourapp.created.app domain
* **Pro plans**: Add [custom domains](/publish-and-share/custom-domains) ([pricing](https://www.create.xyz/pricing))
* If the system encounters an error during publication it will display a red notice in the publish dialog window. Click on the speech bubble icon to feed the error to the builder for repair.
# Invite your team
Source: https://www.create.xyz/docs/publish-and-share/teams
Work with others on your app in real time
Anything lets you collaborate with teammates in real time as you build your app together. Invite your designer, developer, agency, or anyone else to join your workspace.
## Getting started
Invite teammates in two steps:
* Click the **'Invite'** button in a project or from the dashboard
* Enter their email addresses to send invitations
When teammates accept their email invitations, they'll join your workspace and see your projects.
## Real-time collaboration
When teammates join your project:
* See their cursor and changes in real time
* Their icon appears in the top right corner
* Work together simultaneously on any element
The /build URL from the builder stays private by default. After inviting teammates, you can share this link for direct access.
## Managing access
* Teammates can access all projects in the workspace
* Switch between different teams from the dashboard side panel
* Teammates need to accept their email invitation to join
## How to toggle into a shared account
To switch between different team accounts or shared workspaces:
1. **Navigate to the dashboard** - Go to your main Anything dashboard
2. **Find the "My Team" dropdown** - Look for the "My Team" section in the left sidebar
3. **Click the dropdown arrow** - Click the chevron (▼) next to "My Team" to open the menu
4. **Select your desired team** - Choose from the available team options in the dropdown
The dropdown will show all teams you have access to, including any shared accounts or workspaces. Simply click on the team you want to switch to, and you'll be taken to that team's dashboard and projects.
# Animations
Source: https://www.create.xyz/docs/quick-tips/animations
Add animations to any website or app just by describing what you want.
Here's a video tutorial showing how to add animations in Anything:
## Hover animations
Here's an example [webinar landing page](https://www.create.xyz/share/d523e4aa-72dd-4140-83cb-8d5cef203244) with a first load animation and a button hover animation. The animations were created with this prompt:
```
Button
- Hover effect animation, left to right slide, change the background to white and the text to black
First load animation
- The image should expand to fill the space
- The text flies in from the left side
```
## Scroll effects
Adding parallax scrolling or other scroll effects is as easy as just adding that to your prompt. Here's a [coffee shop website](https://www.create.xyz/share/224c4f9b-57a3-42d9-94da-124b3a27dda0) with a simple prompt:
```
Generate a coffee shop website with parallax scrolling
Background image: https://images.pexels.com/photos/683039/pexels-photo-683039.jpeg?auto=compress&cs=tinysrgb&w=800
The background image should scroll too but at a slower pace
```
## Animations from code
You can also paste in animation code snippets (in any programming language) and Anything will reproduce them. Here's an [example project](https://www.create.xyz/share/b172593e-2aa9-4780-ba5e-95a0d9e3e72c) that converts a long Javascript animation to simple CSS.
# External APIs
Source: https://www.create.xyz/docs/quick-tips/external-apis
Connect to any external API directly through the builder with simple conversation
## Overview
Anything now supports direct API connections through the builder! Simply discuss your API needs with the builder and provide the necessary connection information. No more manual Function creation required.
Watch this tutorial to see how easy it is to connect external APIs:
## How It Works
## How to Use
Open your application and clearly identify what's not working. For mobile apps, test on your device using Expo Go to reproduce errors accurately. Focus on one issue at a time for best results.
Copy the error message from your logs (use the copy button at the bottom of error logs) and note the specific behavior or feature that's broken.
Switch to Discussion Mode and paste the error. The AI will analyze the issue and provide you with an ideal prompt to fix it. Copy this prompt for the next step. Watch the video above for detailed guidance on this process.
Toggle back to Thinking Mode and paste the prompt from Discussion Mode. The AI will execute the fix automatically. Allow time for testing and verification.
Refresh your preview after the process completes, then test the previously broken functionality to confirm the fix worked.
## Version History Restore
If you need to revert to a previous version of your project, you can use the Version History feature to restore from an earlier point directly in the chat.
You have two options: restore directly from the builder chat (as shown in the screenshot above) or open your project settings menu to find the version history viewer.
Browse through your project's version history and identify the version you want to restore from.
Click the restore option for your chosen version and confirm the action. This will revert your project to that previous state.
When asking for help, please include:
1. Your builder URL. Open your project to edit it, then copy the URL from your browser's address bar (this is your builder url)
2. Whenever possible include a specific description of what's not working (e.g., "The function called "RetrieveWeather" returns a 500 error when submitting the form")
Build links help us see your generated code and troubleshoot more effectively.