# Build Custom Widgets in Port

DevFeed: [Build Custom Widgets in Port](<https://devfeed.tech/articles/build-custom-widgets-in-port-12179.md>)

Original publisher: [Read original article](<https://www.port.io/blog/build-custom-widgets-in-port>)

Author: Naama Ben Oliel Ronen

Published: 2026-05-04T16:55:30Z

Content type: tutorial

Language: en

Sources: [Developer Experience & Platform Engineering Blog | Port](<https://devfeed.tech/sources/developer-experience-platform-engineering-blog-port.md>)

Topics: [Front end](<https://devfeed.tech/topics/frontend.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [API](<https://devfeed.tech/topics/api.md>), [Authentication](<https://devfeed.tech/topics/authentication.md>), [dashboards](<https://devfeed.tech/topics/dashboards.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [authentication](<https://devfeed.tech/tags/authentication.md>), [dashboards](<https://devfeed.tech/tags/dashboards.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [tooling](<https://devfeed.tech/tags/tooling.md>), [ui](<https://devfeed.tech/tags/ui.md>), [user-interface](<https://devfeed.tech/tags/user-interface.md>)

## AI overview

This article explains how platform teams can build custom frontend widgets that run natively inside Port. It describes using a team's preferred stack, accessing Port context and catalog data, applying permissions and parameters, and building examples such as calendars, incident timelines, readiness panels, and cost visualizations.

## Source excerpt

Your data model is extensible. Now your UI is too.