Build apps that seamlessly integrate HubSpot
Bring your app functionality into HubSpot with React-powered app cards. Join the public beta to build apps powered by UI extensions.
Note: You must have an app developer account to join the beta. Don’t have an app developer account? Sign up here to get started.
Interested in building UI extensions for private apps? Learn more about private apps here.
How are other app partners building app cards?
Check out our case studies to see how other app partners are making use of HubSpot's UI extensions to surface apps inside HubSpot.
Read the Case Studies
PandaDoc
QuotaPath
Sendoso
Arrows
-
The new UI extensions are a step up in terms of what we can build natively with HubSpot. They're opening up a lot of new possibilities for us to build more flows directly in HubSpot.Matt SwansonCTO, Arrows
-
From the engineering perspective, we had an end-to-end functioning demo in about 48 hours. [Our developers would] make a change, roll it out, and it was immediately visible in the UI extension. So, that actually sped up development a lot.Cody FarmerHead of Product, Sendoso
-
The new UI extensions versus the old CRM panel is a no brainer. It is fast. It is flexible. It is reducing the onboarding time. People literally can't tell where HubSpot ends and the other application starts.Vasil RemeniukDirector of Product Management, PandaDoc
-
The UI extensions architecture is very ergonomic and fits naturally with how we already build our product. It feels like we’re developing our own app, but within HubSpot’s ecosystem. So, the more we get into this, the more we want to do.Eric HeydenberkCo-founder and CTO, QuotaPath
New to React and UI Extensions?
Don’t worry, we have you covered with these starter guides.
Intro to React for HubSpot Developers
Hello World: Creating Your First React + GraphQL Custom Card for HubSpot's CRM
Additional Resources
Explore additional resources that can assist in your journey of building App Cards.
Meet App Cards Powered by UI Extensions
Lear more about the new modern and flexible framework for building dynamic apps in HubSpot.
Private Apps CRM Customization
Learn more about how CRM customization is enhanced with UI extensions.
Developer Documentation
Explore the developer documentation to start building app cards today.
Figma Design Kit
Get access to the Figma Design Kit to see available UI components visually in one place.
GitHub Code Sample
Check out some examples of industry-specific cards powered by UI extensions.
Introducing: The App Card Collection
Discover public apps powered by UI extensions available on our App Marketplace today.
Center of Developer Excellence
Check out this repo with best practices for using HubSpot's APIs.
Taking a Platform Approach to HubSpot Development
Hear from Scott Brinker, VP of Platform Ecosystem at HubSpot, about API updates to help developers build better.
The Future is Connected, and Extensible
Sejal Parikh, Senior Product Manager at HubSpot, discusses how UI extensions makes CRM customization a reality.
Are you a HubSpot admin?
Learn more about customizing your portal with app cards.
Frequently Asked Questions
What is required to build and publish app cards?
You must have an app developer account and request early access to UI extensions in app cards. You can follow the developer documentation to learn more about building app cards. Once you're ready to publish your integration, please follow our App Marketplace listing guidelines.
What is the difference between UI extensions and app cards?
UI extensions for public apps are the mechanism by which you build app cards. App cards are the customer-facing outcome of your app. They show up as custom cards in the HubSpot interface including the record middle column, right sidebar, preview panel, and help desk ticket sidebar across all standard objects with record pages.
What is the difference between UI extensions for private apps and public apps?
UI extensions for private apps are only available in a single account and can only be added to accounts with Enterprise. UI extensions for public apps are available to all accounts through the App Marketplace, allowing accounts without Enterprise to make use of UI extensions for CRM customization.
Where do app cards show up?
App cards can appear in a variety of surfaces in HubSpot, including the record middle column, right sidebar, preview panel, and help desk ticket sidebar across all standard objects with record pages.
What happens with legacy cards?
Legacy cards will continue to be supported. However, it is recommended that app partners migrate their legacy cards to app cards powered by UI extensions to make use of the newest features. Please refer to the developer documentation to learn more about migrating your legacy cards.
HubSpot Blueprints
Your building blocks for quick application building
Configure, Price, Quote (CPQ)
Create and improve your HubSpot CPQ integration for efficient quoting, sales tracking, and customer success.
Extract, Transform, & Load (ETL)/ Reverse ETL
Integrate your ETL or reverse ETL application with HubSpot with this recipe.
Project Management
Integrate your Project Management tool with HubSpot to streamline customer's operations, enhance customer interactions, and drive better project outcomes.
Start building with UI Extensions today!
Join the beta and begin building public apps with UI Extensions in your App Developer Account.
Need help? Join our peer-to-peer community!
We’ve created a space in our Developer Slack where you can talk with peers and solve problems together. Join the conversation in #ui-extensions.