Difference between Granite UI and Coral UI in AEM

[Anderson_Hamer]

I have some question after I started using touch UI in AEM 6.4. AEM is maintaining both Granite UI and Coral UI on server not sure which one is the best fit and which one Adobe recommend us to use? What is the relation between these two?

[Bhuwan_B · Accepted solution]

Coral UI:- It is a set of CSS and JS files designed and built for Adobe Cloud products. Coral UI provides a wide range of html components pre developed for your website like buttons, navigation bar, tool bar, tables, grid, dialogs etc. and save you time from developing these components.

Granite UI:- Granite UI is a foundation UI framework provided by adobe to develop modular, layerable and reusable components. Granite UI components are built with Coral UI. Granite is an open development project within Adobe which means any one from adobe can contribute to the code, discussions and issues.

http://www.aemcq5tutorials.com/tutorials/create-touch-ui-component-using-coral-ui-aem/

https://medium.com/@vsr061/develop-front-end-components-with-aem-coral-ui-2da905096cce

https://myaemlearnings.blogspot.com/2018/03/difference-bw-granite-ui-components.html?m=1

[Anderson_Hamer]

Thanks for your input. Meaning that granite components are built with Coral UI so, can I say, coral UI is the foundation for all components in AEM?

[Bhuwan_B]

Yes, Prefer using the Coral 3 components. https://helpx.adobe.com/experience-manager/6-5/sites/developing/using/reference-materials/granite-ui...

[Anderson_Hamer]

Thanks for your input