Main Content

Find and Create UI Components and Charts

MATLAB® provides a large set of UI components and plot types for you to use when creating apps. To expand this set, users can create and share their own custom UI components and charts. If you are looking for additional UI components and charts, you can explore and download community-authored content on File Exchange at MATLAB Central™. In addition, you can create your own specialized UI components and charts and share them with others.

Find Community-Authored Components and Charts

In addition to the existing UI components and charts and the examples provided in the documentation, you can find a variety of community-authored content on File Exchange at MATLAB Central. Select an entry to view additional information about the content, such as what files it includes and what documentation is available. To use a community-authored UI component or chart in your app, download the content and add it to a folder on your MATLAB search path.

LinkOptions for Use in Apps
Community-authored custom UI components
  • Add the UI component to your app interactively from the App Designer Component Library.

  • Add the UI component to your app programmatically by creating it in your app code.

Community-authored custom charts
  • Add the chart to your app programmatically by creating it in your app code.

Create Your Own Components and Charts

MATLAB provides the ability to extend the list of available components by creating custom UI components and charts, and by embedding third-party content in your apps.

Create Custom UI Components

Create your own UI components to use in your apps or to share with others. You can use custom UI components to extend existing UI component functionality, to break up large apps into independent and maintainable pieces, and to design an interface for users to customize and reuse a component across multiple apps. For more information, see Create a Simple Custom UI Component in App Designer.

Create Custom Chart Classes

Develop your own chart class to extend existing chart functionality and to reuse and share a custom chart across multiple apps. Define a chart class by creating a subclass of the ChartContainer base class, and then programmatically create an instance of the chart in your app code. For more information, see Chart Development Overview.

Interface with Third-Party Libraries

Create an HTML UI component to embed HTML, JavaScript®, or CSS content in your app. You can use the component to interface with third-party libraries to display content like widgets or data visualizations. For more information, see Create HTML File That Can Trigger or Respond to Data Changes.

See Also

Classes

Functions

Related Topics