Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

Difference between Granite UI and Coral UI in AEM

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

AEM coralUI Granite UI
1 Accepted Solution
Bhuwan_B
Correct answer by
Community Advisor
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
Bhuwan_B
Correct answer by
Community Advisor
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

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