Spring Spotlight 2025: Improvements to HubSpot's UI Extensions
HubSpot’s UI extensions unlock CRM customization for any business need. Accelerate development with ready-to-use React components, and enjoy the flexibility of integrating with the external backend system of your choice. Whether you’re building bespoke solutions or creating wide-reaching customizations, there’s something for everyone to grow better.
Ready-to-use UI Components
Save time with our React-based UI components. Minimal coding for the frontend means spending more time designing UI extensions that solve your customers’ unique CRM needs.
To unlock new use cases, new components are available, including:
- A charts component for adding either bar charts or line charts
- A copy text action so users can copy text information from the card to their clipboard.
- A loading button that renders a button with loading state options to give users visual feedback on their requests being processed.
UI extensions are available on multiple surfaces in HubSpot. App cards can appear on CRM record middle panes and right sidebars, CRM preview panels, and the Tickets sidebar in Help Desk, ensuring your cards appear at the right place and time for app users.
Sample Code to Get You Started
Sample UI extensions are now available to help you get started quickly. Each sample card can be downloaded through the HubSpot CLI and act as boilerplate code for your cards. We’ve added sample UI extensions that cover:
- Common design patterns and our recommendations for UX-friendly cards.
- Using the CRM data components to call HubSpot data in your cards.
- Multi-step flows for complex processes that require multiple steps.
- Bidirectional property refreshes so your data updates in real-time with no page reload.
For a visual representation of the UI components available, you can make use of our Figma design kit. Quickly create mocks of your cards to showcase internally and externally. Never used Figma before? Make sure to watch our video tutorial on the Figma design kit on our HubSpot Developers YouTube channel.
UI extensions give you the flexibility to make HubSpot work best for you and your customers. As you continue to extend the power of HubSpot’s Smart CRM, help us improve by giving us your product feedback often. More to come later this year, so stay tuned through these HubSpot Developer resources:
- Connect with HubSpot’s developer community for peer-to-peer support and connection.
- Subscribe to our Developer changelog for all breaking changes, sunsets, and monthly rollups.
- Check out our blog post on minimizing latency to create high-performing app cards.
We can’t wait to see what you all build!