Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
SOLVED

Difference between Granite UI and Coral UI in AEM

Avatar

Level 4

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?

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

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

 

View solution in original post

4 Replies

Avatar

Correct answer by
Community Advisor

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

 

Avatar

Level 4
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?