AI Manager
Your central AI conductor - dispatch tasks to the Design, Code, Database, and Server Connect assistants. Just describe your need, and it will generate database tables and migrations, scaffold Server Connect actions, and insert HTML, CSS in the right places - all coordinated across the editors.
AI Assistant
An intelligent helper embedded in every editor - Design, Code, Database, and Server Connect. Ask it to generate components, refactor code, or configure data bindings on the fly, so you spend less time on boilerplate and more on innovation.
AI Powered Database Tools
Describe your data model - tables, fields, and relationships - and let Wappler generate the schema, migration scripts, and seed data.
Bring Your Own Key (BYOK)
Use your own OpenAI, Claude, DeepSeek, or OpenRouter API keys to power Wappler's AI features - so you control costs, compliance, and performance without changing workflows.
Different Agent Modes
Switch between conversational styles - whether you need creative brainstorming, concise code fixes, or in-depth explanations - and have the AI Assistant adapt its responses and actions to suit your task.
Wappler UI
Refreshed modern interface with themes, new layout engine, and dark/light support.
Custom Layouts
Move panels left, right, undock them, or scale the UI for your screen. You can toggle the panels with keyboard shortcuts.
Multi-Project Windows
Open and manage multiple Wappler projects in separate windows simultaneously - ideal for cross-project comparisons, copying components between apps, or running live previews side by side without switching context.
Editor Tab Groups
Automatically sorts your open files into categories (Pages, Server Actions, App Flows) for a cleaner workspace. Collapse or expand each group, and undock entire sets of tabs into separate windows when you need more screen real estate.
Quick Open (Ctrl+P)
Instantly locate and open any file, page, Server Connect action, component, or workflow by name - no more hunting through folders or menus.
Actions Panel
A searchable, filterable library of all your Server Connect and App Flow actions. Drag frequently used tasks into your workflows, mark favorites, and access them without leaving the editor.
visual layout builder
Add new elements exactly where you need them! The elements’ insertion is context-sensitive and that allows you to automatically focus your attention on suitable suggested components based on the current selection.
Design Blocks
An awesome collection of responsive blocks to perfectly build responsive Bootstrap 4 websites is available for you! More than 170 blocks in different categories.
Visual Bootstrap 4 & 5 Designer
Add and customize Bootstrap 4 and 5 components on your page. Easily change their dedicated properties, such as colors, sizes, spacing and responsive options - visually in the App Structure panel.
Visual Framework 7 Designer
Design your amazing Mobile Apps in Wappler - with native iOS and Android look and feel. Use the ready to go mobile UI Components and adjust their look and feel in the App Structure panel.
Grid Controls
The Design View allows you to easily resize and reorder your Bootstrap 4 Columns using the size and offset handles.
Design Panel
Define your own classes with styles and reuse them. The Design Panel offers you a variety of easy to use options to style your content - text, color, borders, background, spacing and more.
Gradients Generator
Visually create linear or radial gradients, both with multiple color stops! The generated CSS gradient code is cross browser compatible.
Assets Manager
Manage and preview all of your project images using the Assets Manager panel. Pick your media easily, directly in Design View using the Assets Picker dialog.
Animations
Apply different animations to any element on your page. Add onscroll animations and select the animation type, duration and delay.
High Performance Front-End Framework Included
App Connect is a high performance front-end framework powerful just as React, Angular and VueJS but much easier to use thanks to its custom component structure and visual integration – so no coding is required!
Extensive Data Binding Done Visually
Add any data directly in your content, populate mighty fast repeat regions, dynamic CSS styling, generate content or toggle areas fully dynamic and data dependent.
Rich Set of Components
App Connect includes a huge library of component and services available to power every aspect of your dynamic web site or responsive web application. Data Formatting, Session and Cookie Management, Form Validation, Repeat Regions are just a few of the available options.
SEO Friendly URLs
Thanks to Wappler's routing component you can improve the usability and SEO of your site with cleaner, easier to remember and SEO friendly URLs
Powerful Back-end Framework Included
Server Connect offers full visual programming without any coding. It includes many server-side workflow components. Connect to your databases, create advanced database queries, send emails, manage files and folders, process images or create login systems fully visual!
Support for any Hosting and Server Model
Server Connect components support PHP, ASP.NET and Classic ASP so you just connect your hosting and you are ready to work.
Support for all Major Databases
Connect to any major database like Microsoft SQL Server, MySQL, PostgreSQL with just a couple of clicks.
Visual Database Query Designer
The included visual query designer allows you to design your queries and generate SQL queries fully visual. Just select the table, add columns, adjust filtering and sorting options and you are done!
API Connectivity
Connect securely to any API Data Source, define API schema visually and use it on your pages. Also you can connect to any OAuth2 compatible service. OAuth2 Connector is available in Server Connect and it includes 18 predefined services.
Full Version Control with Git
Get in the world of Version Control with the native Git integration in Wappler. With the support of branches and remote repositories, you can easily keep track of different versions of your website or app and publish it to remote sites like GitHub, GitLab, BitBucket or Microsoft Azure DevOps.
Build Mobile Apps
Cordova Builder allows you to define, generate and build mobile applications. With this awesome tool it’s possible to deploy your app build in regular HTML5 and CSS as a mobile app to all of the major mobile platforms.
Live Data Panel
Inspect your app's bound data in real time right inside Design View. Expand objects, browse array items, and watch values update instantly as you interact.
Network Inspector
Debug requests just like browser dev tools.
Inline Diff Viewer
Track changes visually in the editor, choose to keep or discard changes made to your files.
Made in Wappler