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?


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>.


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

  • 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

This framework is individually adaptable.



Amp CSS Framework is based on Bootstrap.

See here: https://ampcssframework.com


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

or as scss


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


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.