6

AMP has many limitations for CSS - it needs to be inlined, cannot exceed 50KB and cannot include !important, filter, nor JavaScript. Which CSS frameworks can be safely used with AMP?

6

This is a community wiki, you can expand it if you have something to add.


These CSS-only frameworks are compatible with AMP (sorted by size):

In order to use one of them in an AMP HTML page, get the minified CSS file, remove any !important or filter if they exist, paste the inlined CSS code into <style amp-custom> inside <head> and replace any <img> with <amp-img> inside <body>.

1

I've created and released one called 1bx.uk that you can see here... https://1bx.uk

It's well documented and built specifically for AMP.

As we use it in our business, it will be well supported

| improve this answer | |
  • This site can’t be reached 1bx.uk’s server IP address could not be found. DNS_PROBE_FINISHED_NXDOMAIN – Jay Dec 17 '19 at 19:40
1

This framework is individually adaptable.

https://www.ampcssframework.com

| improve this answer | |
1

Amp CSS Framework is based on Bootstrap.

See here: https://ampcssframework.com

| improve this answer | |
0

Maybe missing: http://basscss.com/v7/docs/guides/ui/

or as scss

https://github.com/basscss/basscss-sass

.. yes it not so active but might be interesting, the syntax seems short and simple, also independently reusable components

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.