Expand my Community achievements bar.

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

AEM CSS framework OOB?

Avatar

Level 2

I need to ask this. Does AEM come with an out of the box CSS framework for component and pages; where can I find it?

Thanks

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

Didn't get your question. You are required to create custom CSS for styling components in AEM. You can use any framework or language to build that CSS and then use a front end development workflow process to compile and deploy it to AEM as a clientlib. You can follow this page for more details on front end development workflow - https://experienceleague.adobe.com/docs/experience-manager-core-components/using/developing/archetyp...

View solution in original post

3 Replies

Avatar

Correct answer by
Employee Advisor

Didn't get your question. You are required to create custom CSS for styling components in AEM. You can use any framework or language to build that CSS and then use a front end development workflow process to compile and deploy it to AEM as a clientlib. You can follow this page for more details on front end development workflow - https://experienceleague.adobe.com/docs/experience-manager-core-components/using/developing/archetyp...

Avatar

Level 2
Thanks @Kunal_Gaba_ I figured as much just making sure, what are your thoughts on Bootstrap 4/5?

Avatar

Employee Advisor
Yes you can even use Bootstrap 4/5 as well. There is no such constraint in AEM to use any CSS framework. It is only that you will not be able to compile the SASS files directly inside AEM and you will have to deploy compiled libraries. You can use external front end development workflow and use tools like webpack for compilation and building AEM compatible client libraries.