Alpha: Building apps with AI is currently in alpha. This feature is subject to change and may have bugs, issues, and limitations. We're actively improving it based on your feedback.
Auto Patterns is a configuration-driven library that helps you build dashboard pages for your Wix apps. Instead of manually building dashboards with React components, you define everything in a JSON configuration file that conforms to the AppConfig type.
Auto Patterns is built on top of Patterns, an advanced component library that extends the Wix Design System and provides reusable React components. Auto Patterns uses these components and configures them automatically based on your configuration file, handling the connections between components, hooks, and providers so you can skip manual setup.
This configuration-driven approach reduces development time, simplifies maintenance, and makes the app experience more intuitive and predictable.
The patterns.json file is a JSON file that defines the structure, style, and behavior of your dashboard pages.
AppConfig is a TypeScript type that defines the structure and format of your dashboard configuration. The patterns.json file conforms to this type, ensuring your configuration matches the expected format.
Auto Patterns supports a wide range of components and features for customizing your dashboard pages that are defined as an AppConfig type. For a complete list of available features, see About Auto Patterns Features.
The AutoPatternsApp component renders your dashboard based on configuration you provide.
Import your configuration from patterns.json and pass it to the AutoPatternsApp component as the configuration prop: