# WeWeb

## Docs

### Getting Started
- [Welcome](docs/index.md): Introduction to WeWeb - a powerful AI-driven no-code platform that lets you create production-ready web apps.
- [Welcome to WeWeb](docs/start-here/welcome.md): Getting started guide for new users
- [Frequently Asked Questions](docs/start-here/frequently-asked-questions.md): Common questions and answers about WeWeb

### WeWeb 101 - Basic Tutorials
- [Adding Elements to the Page](docs/weweb-101/adding-elements-to-the-page.md): Learn how to add and position elements on your pages
- [Styling Elements](docs/weweb-101/styling-elements.md): Basic styling techniques for your elements
- [Working with Data](docs/weweb-101/working-with-data.md): Introduction to data management in WeWeb
- [Adding Interactivity](docs/weweb-101/adding-interactivity.md): Create interactive experiences with workflows
- [Choosing a Backend](docs/weweb-101/choosing-a-backend.md): Guide to selecting and integrating backend services
- [Securing Your Application](docs/weweb-101/securing-your-application.md): Security best practices and authentication
- [Publishing Your Application](docs/weweb-101/publishing-your-application.md): Deploy and share your WeWeb applications

### Editor & Development
- [Introduction to the Editor](docs/editor/intro-to-the-editor.md): Complete guide to the WeWeb editor interface
- [How to Use the Add Panel](docs/editor/how-to-use-the-add-panel.md): Navigate and use the element addition panel
- [Debug Editor](docs/editor/debug-editor.md): Troubleshooting and debugging techniques
- [Logs](docs/editor/logs.md): Understanding and using application logs
- [Introduction to HTML & CSS](docs/editor/intro-to-html-css.md): Basic web development concepts

### Elements & Components
- [Elements Overview](docs/elements/index.md): Complete guide to WeWeb elements
- [Text](docs/elements/text.md): Working with text elements
- [Button](docs/elements/button.md): Creating interactive buttons
- [Input](docs/elements/input.md): Form input elements and validation
- [Form Container](docs/elements/form-container.md): Managing forms and form submission
- [Select](docs/elements/select.md): Dropdown selection elements
- [Checkbox](docs/elements/checkbox.md): Checkbox input elements
- [Radio Group](docs/elements/radio-group.md): Radio button selection groups
- [Toggle](docs/elements/toggle.md): Toggle switch elements
- [Date Pickers](docs/elements/date-pickers.md): Date and time selection elements
- [File Upload](docs/elements/file-upload.md): File upload functionality
- [Rich Text](docs/elements/rich-text.md): Rich text editor and display
- [Image](docs/elements/image.md): Image display and management
- [Video](docs/elements/video.md): Video playback elements
- [Icon](docs/elements/icon.md): Icon library and usage
- [Modal](docs/elements/modal.md): Modal dialog elements
- [Dialog](docs/elements/dialog.md): Dialog and popup elements
- [Alerts](docs/elements/alerts.md): Alert and notification elements
- [Data Grid](docs/elements/data-grid.md): Advanced data table component that uses AG Grid
- [Calendar](docs/elements/calendar.md): Calendar and event display
- [Timeline](docs/elements/timeline.md): Timeline visualization component
- [Kanban](docs/elements/kanban.md): Kanban board component
- [Gantt](docs/elements/gantt.md): Gantt chart for project management
- [Breadcrumb](docs/elements/breadcrumb.md): Navigation breadcrumb elements
- [Paginator](docs/elements/paginator.md): Data pagination controls
- [Search](docs/elements/search.md): Search input and functionality
- [Loader](docs/elements/loader.md): Loading states and spinners
- [Skeleton Loader](docs/elements/skeleton-loader.md): Skeleton loading components
- [Progress Bar](docs/elements/progress-bar.md): Progress indication elements
- [Donut Progress Bar](docs/elements/donut-progress-bar.md): Circular progress indicators
- [Container](docs/elements/container.md): Layout container elements
- [Div](docs/elements/div.md): Generic container element
- [Flexbox Container](docs/elements/flexbox-container.md): Flexible layout containers
- [Columns](docs/elements/columns.md): Column-based layouts
- [Sections](docs/elements/sections.md): Page section organization
- [Navigation Elements](docs/elements/top-nav.md): Top navigation bar
- [Side Menu](docs/elements/sidemenu.md): Side navigation menu
- [Bottom Navigation](docs/elements/bottom-nav.md): Bottom navigation bar
- [Responsive Sidebar](docs/elements/responsive-sidebar.md): Responsive sidebar component
- [Image Slider](docs/elements/image-slider.md): Image carousel and slider
- [Content Slider](docs/elements/content-slider.md): Content carousel component
- [Infinite Slider](docs/elements/infinite-slider.md): Infinite scrolling slider
- [Accordion](docs/elements/accordion.md): Collapsible content sections
- [Dropdown](docs/elements/dropdown.md): Dropdown menu elements
- [Table](docs/elements/table.md): Simple table display
- [List](docs/elements/list.md): List display elements
- [Reorder List](docs/elements/reorder-list.md): Draggable list reordering
- [Autocomplete](docs/elements/autocomplete.md): Autocomplete input functionality
- [Masked Input](docs/elements/masked.md): Input masking and formatting
- [Range Input](docs/elements/range-input.md): Range slider inputs
- [Color Picker](docs/elements/color-picker.md): Color selection element
- [QR Code Reader](docs/elements/qr-code-reader.md): QR code scanning functionality
- [Language Selector](docs/elements/language.md): Language selection element
- [reCAPTCHA](docs/elements/recaptcha.md): reCAPTCHA integration
- [iFrame](docs/elements/iframe.md): Embedded content frames
- [Code Display](docs/elements/code.md): Code syntax highlighting
- [Heading](docs/elements/heading.md): Heading text elements

### Custom Components
- [Introduction to Components](docs/components/intro-to-components.md): Creating custom reusable components
- [Component Events](docs/components/component-events.md): Managing component interactions
- [Component Instance](docs/components/component-instance.md): Working with component instances
- [Component Dropzones](docs/components/component-dropzones.md): Creating flexible component layouts
- [Lifecycle Events](docs/components/lifecycle-events.md): Component lifecycle management
- [Advanced Properties](docs/components/advanced-properties.md): Advanced component configuration

### Workflows & Actions
- [Introduction to Workflows](docs/workflows/intro-to-workflows.md): Business logic and automation
- [Triggers](docs/workflows/triggers.md): Event-driven workflow activation
- [Branching](docs/workflows/branching.md): Conditional workflow logic
- [Loops](docs/workflows/loops.md): Iterative workflow processing
- [Debugging Workflows](docs/workflows/debugging.md): Troubleshooting workflow issues
- [Change Variable Value](docs/workflows/actions/change-variable-value.md): Variable manipulation actions
- [Reset Variable Value](docs/workflows/actions/reset-variable-value.md): Variable reset functionality
- [Update Collection](docs/workflows/actions/update-collection.md): Data collection updates
- [Fetch Collection](docs/workflows/actions/fetch-collection.md): Data retrieval actions
- [Fetch Collections in Parallel](docs/workflows/actions/fetch-collections-in-parallel.md): Parallel data fetching
- [Execute Workflow](docs/workflows/actions/execute-workflow.md): Workflow orchestration
- [Execute Component Action](docs/workflows/actions/execute-component-action.md): Component action execution
- [Custom JavaScript](docs/workflows/actions/custom-javascript.md): Custom code execution
- [Upload File](docs/workflows/actions/upload-file.md): File upload handling
- [Download File from URL](docs/workflows/actions/download-file-from-url.md): File download functionality
- [Download CSV](docs/workflows/actions/download-csv.md): CSV file generation
- [Print PDF](docs/workflows/actions/print-pdf.md): PDF generation and printing
- [Encode File as Base64](docs/workflows/actions/encode-file-as-base64.md): File encoding utilities
- [Create URL from Base64](docs/workflows/actions/create-url-from-base64.md): URL generation from encoded data
- [Copy to Clipboard](docs/workflows/actions/copy-to-clipboard.md): Clipboard interaction
- [Change Language](docs/workflows/actions/change-language.md): Language switching functionality
- [Change Theme](docs/workflows/actions/change-theme.md): Theme switching capabilities
- [Time Delay](docs/workflows/actions/time-delay.md): Workflow timing control
- [Stop Click Propagation](docs/workflows/actions/stop-click-propagation.md): Event handling control
- [Return a Value](docs/workflows/actions/return-a-value.md): Value return mechanisms
- [Log](docs/workflows/actions/log.md): Logging and debugging output
- [Xano Request](docs/workflows/actions/xano-request.md): Xano backend integration actions

### Data Management
- [Introduction to Collections](docs/data/intro-to-collections.md): Data collection management
- [Introduction to Variables](docs/data/intro-to-variables.md): Variable types and usage
- [Joining Data](docs/data/joining-data.md): Data relationship and joining techniques

### Data Binding & Filtering
- [Binding Concepts](docs/binding-filtering/binding-concept.md): Understanding data binding
- [Display Data](docs/binding-filtering/display-data.md): Data display techniques
- [Binding Repeating Items](docs/binding-filtering/binding-repeating-items.md): Working with data lists
- [Binding Styling Properties](docs/binding-filtering/binding-styling-properties.md): Dynamic styling
- [Filter Data](docs/binding-filtering/filter-data.md): Data filtering techniques
- [Load More Button](docs/binding-filtering/load-more-button.md): Pagination and infinite loading

### Pages & Navigation
- [Introduction to Pages](docs/pages/intro-to-pages.md): Page structure and organization
- [Navigation](docs/pages/navigation.md): Site navigation and routing
- [Page Metadata](docs/pages/page-metadata.md): SEO and meta information
- [Dynamic Page Metadata](docs/pages/dynamic-page-metadata.md): Dynamic meta tag generation
- [Static Collection Pages](docs/pages/static-collection-page.md): Static page generation from data
- [Dynamic Collection Pages](docs/pages/dynamic-collection-page.md): Dynamic page routing
- [Private Pages](docs/pages/private-pages.md): Access control and authentication
- [Multi-page Sections](docs/pages/multi-page-sections.md): Complex page structures
- [Sitemap](docs/pages/sitemap.md): SEO sitemap generation
- [404 Page](docs/pages/404-page.md): Custom error page handling

### Styling & Design
- [CSS Properties](docs/css-and-styling/css-properties.md): CSS styling techniques
- [Understanding the Box Model](docs/css-and-styling/understanding-the-box-model.md): CSS layout fundamentals
- [Responsive Design](docs/css-and-styling/responsive-design.md): Mobile-first design principles
- [CSS Grid](docs/css-and-styling/css-grid.md): Advanced grid layouts
- [CSS Animations](docs/css-and-styling/css-animations.md): Animation and transitions
- [CSS Stylesheet](docs/css-and-styling/css-stylesheet.md): Custom stylesheet management
- [Classes](docs/css-and-styling/classes.md): CSS class organization
- [States](docs/css-and-styling/states.md): Element state styling
- [Conditional Rendering](docs/css-and-styling/conditional-rendering.md): Dynamic element visibility

### Formulas & Functions
- [Introduction to Formulas](docs/formulas/intro-to-formulas.md): Formula system overview
- [Array Functions](docs/formulas/array.md): Array manipulation and processing
- [Text Functions](docs/formulas/text.md): String manipulation functions
- [Math Functions](docs/formulas/math.md): Mathematical operations
- [Date Functions](docs/formulas/date.md): Date and time calculations
- [Conditional Functions](docs/formulas/conditional.md): Conditional logic expressions
- [Object Functions](docs/formulas/object.md): Object manipulation utilities
- [Operators](docs/formulas/operators.md): Logical and comparison operators
- [Utility Functions](docs/formulas/utils.md): General utility functions
- [File Functions](docs/formulas/file.md): File handling utilities

### Plugins & Integrations
- [Introduction to Plugins](docs/plugins/intro-to-plugins.md): Plugin system overview

#### Data Sources
- [Supabase Data](docs/plugins/data-sources/supabase-data.md): Supabase database integration
- [Xano Data](docs/plugins/data-sources/xano-data.md): Xano backend integration
- [Airtable Data](docs/plugins/data-sources/airtable-data.md): Airtable integration
- [REST API](docs/plugins/data-sources/rest-api.md): Generic REST API integration
- [SQL Database](docs/plugins/data-sources/sql.md): SQL database connections
- [SmartSuite](docs/plugins/data-sources/smartsuite.md): SmartSuite integration
- [Algolia](docs/plugins/data-sources/algolia.md): Algolia search integration

#### Authentication Systems
- [WeWeb Auth](docs/plugins/auth-systems/weweb-auth.md): Built-in authentication system
- [Supabase Auth](docs/plugins/auth-systems/supabase-auth.md): Supabase authentication
- [Xano Auth](docs/plugins/auth-systems/xano-auth.md): Xano authentication system
- [Auth0](docs/plugins/auth-systems/auth0.md): Auth0 integration
- [OpenID Connect](docs/plugins/auth-systems/open-id.md): OpenID Connect integration
- [Token-based Auth](docs/plugins/auth-systems/token-based-auth.md): Custom token authentication

### Libraries & Marketplace
- [Introduction to Libraries](docs/libraries/intro-to-libraries.md): Component libraries and sharing
- [Introduction to the Marketplace](docs/libraries/intro-to-the-marketplace.md): WeWeb marketplace
- [Starter Kit](docs/libraries/starter-kit.md): Getting started with templates
- [Dependencies](docs/libraries/dependencies.md): Managing library dependencies
- [Share Libraries](docs/libraries/share-libraries.md): Publishing and sharing components

### Popups & Modals
- [Introduction to Popups](docs/popups/intro-to-popups.md): Popup and modal system
- [Adding Logic to Popups](docs/popups/adding-logic.md): Popup workflow integration
- [Popup Examples](docs/popups/examples.md): Common popup patterns
- [Wait Close Event](docs/popups/wait-close-event.md): Popup lifecycle management

### WeWeb AI
- [Introduction to WeWeb AI](docs/weweb-ai/intro-to-weweb-ai.md): AI-powered development features
- [WeWeb AI Overview](docs/weweb-ai/index.md): AI assistant capabilities
- [Passing Context to AI](docs/weweb-ai/passing-context-to-ai.md): AI context management
- [Generating Custom Coded Components](docs/weweb-ai/generating-custom-coded-components.md): AI-powered component creation

### Build Guides & Tutorials
- [Using the CRM Template](docs/build-guides/using-the-crm-template.md): CRM application tutorial
- [Job Board with Xano](docs/build-guides/job-board-with-xano.md): Complete job board application
- [Resend + Supabase Integration](docs/build-guides/resend-supabase.md): Email integration tutorial
- [AI Helper Application](docs/build-guides/ai-helper.md): AI-powered application development

### Advanced Topics
- [WebSockets](docs/websockets/): Real-time communication
- [Web Development Basics](docs/web-development-basics/): Fundamental web concepts
- [Settings, Billing & Code Export](docs/settings-billing-code-export/): Account and export management

## Optional

- WeWeb Academy: Complete learning platform
- Developer Documentation: Advanced developer resources
- WeWeb Community: Community support and discussions