Difference between Granite UI and Coral UI in AEM | Community
Skip to main content
Anderson_Hamer
Level 4
July 11, 2021
Solved

Difference between Granite UI and Coral UI in AEM

  • July 11, 2021
  • 1 reply
  • 7382 views

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?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Bhuwan_B

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

 

1 reply

Bhuwan_B
Community Advisor
Bhuwan_BCommunity AdvisorAccepted solution
Community Advisor
July 12, 2021

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
Level 4
July 12, 2021
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?