SAP Cloud Application Programming Model (CAP) continues to evolve rapidly, and one of the most exciting enhancements is the introduction of a new UI layer supporting React and Vue.js.
This marks a significant step forward for developers who want to combine CAP’s powerful backend capabilities with modern, flexible frontend frameworks.
In this blog post, let’s explore what this means, why it matters, and how you can get started.
Traditionally, CAP applications relied heavily on SAP Fiori elements or UI5-based frontends. While these remain first-class citizens, the frontend ecosystem has expanded, and developers increasingly prefer frameworks like:
- React for its component-driven architecture
- Vue.js for its simplicity and flexibility
With this new UI layer, CAP enables:
- Greater developer freedom
- Faster UI development using modern tooling
- Easier integration with existing frontend ecosystems
Simplified Project Structure
cap-project/
├── app/
│ ├── react-ui/
│ └── vue-ui/
├── srv/
├── db/Getting Started
You can quickly integrate a Vue or React UI into your CAP project. 
CAP UI Options – Now Expanded
You now have multiple UI choices in CAP:
| SAP Fiori Elements | Enterprise apps, low-code UI |
| UI5 | Full SAP-native experience |
| React / Vue | Modern, flexible UI development |
This makes CAP a true full-stack framework, handling both backend and frontend.
