Gutenberg Blocks for AMP with Design Library

Description

AMP Blocks is a collection of page building blocks for the Gutenberg.
AMP Blocks give you the capability to easily create great websites with just a few clicks, which will show in both AMP and Non AMP Pages.

View All Demos | View Features

Features

**📚 Design library – Get professionally designed Web elements with 1 click! Just import them, edit them and make them yours

**📦 Canvas Mode – Allows you to edit in full screen which gives you an ultimate web design experience. First Time ever in the Gutenberg niche to have such feature!

**⏰ New Designs Every week – The Design library will get updated when there are new designs available. We are planning to release few designs every week.

**⚡ AMP Support – The designs looks exactly the same in AMP as it does in the non-AMP. This is the only plugin which has the deepest AMP integration available.

**✨ Lightweight – AMP Blocks was made with performance in mind to give the lightest experience possible.

Design Demos

  • Featured 60Demo – (Released on 04 June 2020)
  • Text 21Demo – (Released on 04 June 2020)
  • Text 22Demo – (Released on 04 June 2020)
  • Project 38Demo – (Released on 02 June 2020)
  • Text 20Demo – (Released on 02 June 2020)
  • Text 19Demo – (Released on 02 June 2020)
  • Project 37Demo – (Released on 30 May 2020)
  • Text 18Demo – (Released on 30 May 2020)
  • CTA 9Demo – (Released on 30 May 2020)
  • Pricing 9Demo – (Released on 27 May 2020)
  • Text 16Demo – (Released on 27 May 2020)
  • Text 17Demo – (Released on 27 May 2020)
  • Featured 59Demo – (Released on 23 May 2020)
  • CTA 8Demo – (Released on 23 May 2020)
  • Text 15Demo – (Released on 23 May 2020)
  • Featured 58Demo – (Released on 20 May 2020)
  • Project 36Demo – (Released on 20 May 2020)
  • CTA 7Demo – (Released on 20 May 2020)
  • CTA 6Demo – (Released on 18 May 2020)
  • Text 13Demo – (Released on 18 May 2020)
  • Text 14Demo – (Released on 18 May 2020)
  • Pricing 8Demo – (Released on 13 May 2020)
  • CTA 5Demo – (Released on 13 May 2020)
  • Featured 57Demo – (Released on 13 May 2020)
  • Project 35Demo – (Released on 11 May 2020)
  • Project 34Demo – (Released on 11 May 2020)
  • Featured 56Demo – (Released on 11 May 2020)
  • Featured 55Demo – (Released on 09 May 2020)
  • Text 12Demo – (Released on 09 May 2020)
  • CTA 4Demo – (Released on 09 May 2020)
  • Featured 54Demo – (Released on 07 May 2020)
  • Project 32Demo – (Released on 07 May 2020)
  • Project 33Demo – (Released on 07 May 2020)
  • Text 11Demo – (Released on 30 April 2020)
  • Testimonial 6Demo – (Released on 30 April 2020)
  • Featured 53Demo – (Released on 30 April 2020)
  • Featured 51Demo – (Released on 29 April 2020)
  • Featured 52Demo – (Released on 29 April 2020)
  • Project 31Demo – (Released on 29 April 2020)
  • Pricing 7Demo – (Released on 22 April 2020)
  • Pricing 6Demo – (Released on 22 April 2020)
  • Project 30Demo – (Released on 22 April 2020)
  • Project 29Demo – (Released on 20 April 2020)
  • Featured 49Demo – (Released on 20 April 2020)
  • Featured 50Demo – (Released on 20 April 2020)
  • Project 27Demo – (Released on 18 April 2020)
  • Project 28Demo – (Released on 18 April 2020)
  • Featured 48Demo – (Released on 18 April 2020)
  • Featured 46Demo – (Released on 16 April 2020)
  • Featured 47Demo – (Released on 16 April 2020)
  • Project 26Demo – (Released on 16 April 2020)
  • Featured 45Demo – (Released on 14 April 2020)
  • Project 24Demo – (Released on 14 April 2020)
  • Project 25Demo – (Released on 14 April 2020)
  • Featured 43Demo – (Released on 10 April 2020)
  • Featured 44Demo – (Released on 10 April 2020)
  • Project 23Demo – (Released on 10 April 2020)
  • Featured 41Demo – (Released on 08 April 2020)
  • Featured 42Demo – (Released on 08 April 2020)
  • Testimonial 5Demo – (Released on 08 April 2020)
  • Featured 39Demo – (Released on 06 April 2020)
  • Featured 40Demo – (Released on 06 April 2020)
  • Project 22Demo – (Released on 06 April 2020)
  • Featured 38Demo – (Released on 02 April 2020)
  • Project 21Demo – (Released on 02 April 2020)
  • Team 5Demo – (Released on 02 April 2020)
  • Featured 35Demo – (Released on 31 March 2020)
  • Featured 36Demo – (Released on 31 March 2020)
  • Featured 37Demo – (Released on 31 March 2020)
  • Project 19Demo – (Released on 28 March 2020)
  • Project 20Demo – (Released on 28 March 2020)
  • Featured 34Demo – (Released on 28 March 2020)
  • Project 16Demo – (Released on 26 March 2020)
  • Project 17Demo – (Released on 26 March 2020)
  • Project 18Demo – (Released on 26 March 2020)
  • CTA 3Demo – (Released on 24 March 2020)
  • Testimonial 4Demo – (Released on 24 March 2020)
  • Featured 33Demo – (Released on 24 March 2020)
  • Testimonial 3Demo – (Released on 21 March 2020)
  • Featured 32Demo – (Released on 21 March 2020)
  • Pricing 5Demo – (Released on 21 March 2020)
  • Featured 31Demo – (Released on 20 March 2020)
  • Featured 30Demo – (Released on 20 March 2020)
  • Project 15Demo – (Released on 20 March 2020)
  • Testimonial 2Demo – (Released on 18 March 2020)
  • Featured 29Demo – (Released on 18 March 2020)
  • Project 14Demo – (Released on 18 March 2020)
  • Featured 27Demo – (Released on 17 March 2020)
  • Featured 28Demo – (Released on 17 March 2020)
  • Project 13Demo – (Released on 17 March 2020)
  • Project 11Demo – (Released on 14 March 2020)
  • Project 12Demo – (Released on 14 March 2020)
  • Featured 26Demo – (Released on 14 March 2020)
  • Project 10Demo – (Released on 13 March 2020)
  • Featured 24Demo – (Released on 13 March 2020)
  • Featured 25Demo – (Released on 13 March 2020)
  • Pricing 4Demo – (Released on 12 March 2020)
  • CTA 2Demo – (Released on 12 March 2020)
  • Featured 22Demo – (Released on 12 March 2020)
  • Featured 23Demo – (Released on 12 March 2020)
  • CTA 1Demo – (Released on 09 March 2020)
  • Featured 20Demo – (Released on 09 March 2020)
  • Featured 21Demo – (Released on 09 March 2020)
  • Featured 17Demo – (Released on 07 March 2020)
  • Featured 18Demo – (Released on 07 March 2020)
  • Featured 19Demo – (Released on 07 March 2020)
  • Featured 13Demo – (Released on 06 March 2020)
  • Featured 14Demo – (Released on 06 March 2020)
  • Featured 15Demo – (Released on 06 March 2020)
  • Featured 16Demo – (Released on 06 March 2020)
  • Testimonial 1Demo – (Released on 03 March 2020)
  • Featured 10Demo – (Released on 03 March 2020)
  • Featured 11Demo – (Released on 03 March 2020)
  • Featured 12Demo – (Released on 03 March 2020)
  • Pricing 3Demo – (Released on 28 Feb 2020)
  • Pricing 2Demo – (Released on 28 Feb 2020)
  • Pricing 1Demo – (Released on 26 Feb 2020)
  • Project 8Demo – (Released on 26 Feb 2020)
  • Project 9Demo – (Released on 26 Feb 2020)
  • Team 4Demo – (Released on 26 Feb 2020)
  • Text 10Demo – (Released on 19 Feb 2020)
  • Text 9Demo – (Released on 19 Feb 2020)
  • Text 8Demo – (Released on 19 Feb 2020)
  • Text 7Demo – (Released on 19 Feb 2020)
  • Text 6Demo – (Released on 19 Feb 2020)
  • Text 5Demo – (Released on 19 Feb 2020)
  • Text 4Demo – (Released on 19 Feb 2020)
  • Text 3Demo – (Released on 19 Feb 2020)
  • Text 2Demo – (Released on 19 Feb 2020)
  • Text 1Demo – (Released on 19 Feb 2020)
  • Team 3Demo – (Released on 17 Feb 2020)
  • Team 2Demo – (Released on 17 Feb 2020)
  • Team 1Demo – (Released on 17 Feb 2020)
  • Project 7Demo – (Released on 17 Feb 2020)
  • Project 6Demo – (Released on 17-Feb-2020)
  • Project 5Demo – (Released on 17 Feb 2020)
  • Project 4Demo – (Released on 17 Feb 2020)
  • Project 3Demo – (Released on 17 Feb 2020)
  • Project 2Demo – (Released on 17 Feb 2020)
  • Project 1Demo – (Released on 17 Feb 2020)
  • Featured 9Demo – (Released on 17 Feb 2020)
  • Featured 8Demo – (Released on 17 Feb 2020)
  • Featured 7Demo – (Released on 17 Feb 2020)
  • Featured 6Demo – (Released on 17 Feb 2020)
  • Featured 5Demo – (Released on 17 Feb 2020)
  • Featured 4Demo – (Released on 17 Feb 2020)
  • Featured 3Demo – (Released on 17 Feb 2020)
  • Featured 2Demo – (Released on 17 Feb 2020)
  • Featured 1Demo – (Released on 17 Feb 2020)
  • Screenshots

    Blocks

    This plugin provides 17 blocks.

    ampblocks/team
    Gutenberg Blocks for AMP with Design Library
    ampblocks/cta
    Gutenberg Blocks for AMP with Design Library
    ampblocks/testimonial
    Gutenberg Blocks for AMP with Design Library
    ampblocks/latestposts
    Gutenberg Blocks for AMP with Design Library
    ampblocks/button
    Gutenberg Blocks for AMP with Design Library
    amp/rowlayout
    Columns
    amp/column
    Column
    amp/advancedbtn
    Button
    amp/buttongroup
    Button Group
    amp/advancedheading
    Text
    amp/icon
    Gutenberg Blocks for AMP with Design Library
    ampblocks/form
    Gutenberg Blocks for AMP with Design Library
    ampblocks/image
    Image
    ampblocks/icon
    Icon
    ampblocks/video
    Video
    ampblocks/heading
    Heading
    ampblocks/icon-list
    Icon List

    FAQ

    How to install and use this AMP Blocks plugin?

    After you Active this plugin, just go to Dashboard > CLick on Post (or) Page, and Click on ‘Enter Canvas Mode’ and then click ‘Design Library’ to import the design.

    How do I report bugs and suggest new features?

    You can report the bugs for this amp-blocks plugin here

    Will you include features to my request?

    Yes, Absolutely! We would suggest you send your feature request by creating an issue in Github . It helps us organize the feedback easily.

    Reviews

    April 2, 2020
    I have not even loaded the plugin onto my site yet, but I am a fan of the Kaludi brothers for their contribution of the AMP plugin! I figured I was in good company with regard to trying out this relatively new plugin Gutenberg Blocks for AMP with Design Library. I will stop back and either add to or edit my comment after I check this new plugin out. I hope everyone stays vigilant during this very stressful moment in our history as a hopefully united human race. Depending on how we react to this as a species will determine our outcome, as well as, the outcome of our planet Earth. God Bless You, one and all, whatever God you pray to doesn't matter to me, I respect your right of choice as I respect you all as individuals. May the God of our understanding be with each and every one of us during this great time of need. for us as a people, as well as, for our planet which we have abused quite possibly beyond the tipping point.
    March 3, 2020
    I didn't actually expect to build anything on it. Tried out of pure curiousity as the new fan of Magazine 3 improvements. Anyway - fantastic alternative for the classic themes. Beginners like me won't have any problem at all when setting up a nice landing page. Or any page at all. Great job again. Thank You!
    February 14, 2020
    This plugin provides the most Advanced User Experience on Gutenberg with AMP output!
    Read all 3 reviews

    Contributors & Developers

    “Gutenberg Blocks for AMP with Design Library” is open source software. The following people have contributed to this plugin.

    Contributors

    Changelog

    1.6.1 (04 June 2020)

    • New Block: Text – 2 Designs
    • New Block: Feature – 1 Design

    1.6.0 (02 June 2020)

    • New Block: Text – 2 Designs
    • New Block: Project – 1 Design

    1.5.9 (30 May 2020)

    • New Block: Text – 1 Design
    • New Block: CTA – 1 Design
    • New Block: Project – 1 Design

    1.5.8 (27 May 2020)

    • New Block: Text – 2 Design
    • New Block: Pricing – 1 Design

    1.5.7 (23 May 2020)

    • New Block: Text – 1 Design
    • New Block: CTA – 1 Design
    • New Block: Feature – 1 Design

    1.5.6 (20 May 2020)

    • New Block: Project – 1 Design
    • New Block: CTA – 1 Design
    • New Block: Feature – 1 Design

    1.5.5 (18 May 2020)

    • New Block: Text – 2 Designs
    • New Block: CTA – 1 Design

    1.5.4 (13 May 2020)

    • New Block: Pricing – 1 Design
    • New Block: CTA – 1 Design
    • New Block: Feature – 1 Design

    1.5.3 (11 May 2020)

    • New Block: Project – 2 Designs
    • New Block: Feature – 1 Design

    1.5.2 (09 May 2020)

    • New Block: CTA – 1 Design
    • New Block: Text – 1 Design
    • New Block: Feature – 1 Design

    1.5.1 (07 May 2020)

    • New Block: Project – 2 Designs
    • New Block: Feature – 1 Design

    1.5.0 (30 April 2020)

    • New Block: Testimonial – 1 Design
    • New Block: Text – 1 Design
    • New Block: Feature – 1 Design

    1.4.9 (29 April 2020)

    • New Block: Feature – 2 Designs
    • New Block: Project – 1 Design

    1.4.8 (22 April 2020)

    • New Block: Pricing – 2 Designs
    • New Block: Project – 1 Design

    1.4.7 (20 April 2020)

    • New Block: Project – 1 Design
    • New Block: Feature – 2 Designs

    1.4.6 (18 April 2020)

    • New Block: Project – 2 Designs
    • New Block: Feature – 1 Design

    1.4.5 (16 April 2020)

    • Fixed: Font Family is not loading #26
    • New Block: Feature – 2 Designs
    • New Block: Project – 1 Design

    1.4.4 (14 April 2020)

    • New Block: Feature – 1 Design
    • New Block: Project – 2 Designs

    1.4.3 (10 April 2020)

    • New Block: Feature – 2 Designs
    • New Block: Project – 1 Design

    1.4.2 (08 April 2020)

    • New Block: Feature – 2 Designs
    • New Block: Testimonial – 1 Design

    1.4.1 (06 April 2020)

    • New Block: Feature – 2 Designs
    • New Block: Project – 1 Design

    1.4.0 (02 April 2020)

    • New Block: Feature – 1 Design
    • New Block: Project – 1 Design
    • New Block: Team – 1 Design

    1.3.9 (31 March 2020)

    • New Block: Feature – 3 Designs

    1.3.8 (28 March 2020)

    • New Block: Project – 2 Designs
    • New Block: Feature – 1 Design

    1.3.7 (26 March 2020)

    • New Block: Project – 3 Designs

    1.3.6 (24 March 2020)

    • New Block: CTA – 1 Design
    • New Block: Testimonial – 1 Design
    • New Block: Feature- 1 Design

    1.3.5 (21 March 2020)

    • New Block: Testimonial – 1 Design
    • New Block: Feature – 1 Design
    • New Block: Project – 1 Design

    1.3.4 (20 March 2020)

    • New Block: Feature – 2 Designs
    • New Block: Project – 1 Design

    1.3.3 (18 March 2020)

    • New Block: Testimonial – 1 Design
    • New Block: Project – 1 Design
    • New Block: Feature – 1 Design

    1.3.2 (17 March 2020)

    • New Block: Feature – 2 Designs
    • New Block: Project – 1 Design

    1.3.1 (14 March 2020)

    • New Block: Project – 2 Designs
    • New Block: Feature – 1 Design

    1.3.0 (13 March 2020)

    • New Block: Project – 1 Design
    • New Block: Feature – 2 Designs

    1.2.9 (12 March 2020)

    • New Block: Pricing – 1 Design
    • New Block: CTA – 1 Design
    • New Block: Feature – 2 Designs

    1.2.8 (09 March 2020)

    • New Block: CTA – 1 Design
    • New Block: Feature – 2 Designs

    1.2.7 (07 March 2020)

    • New Block: Feature – 3 Designs

    1.2.6 (06 March 2020)

    • New Block: Feature – 4 Designs

    1.2.5 (03 March 2020)

    • AMP Blocks User friendly Design changes are added.
    • Removed unwanted Modules From AMP Blocks
    • New Block: Testimonial – 1 Design
    • New Block: Feature – 3 Designs

    1.2.4 (28 Feb 2020)

    • Stabilizing Level up Theme Compatability with AMP Support
    • New Block: Pricing – 2 Designs

    1.2.3 (27 Feb 2020)

    • Small Bugs fixed and compatible with Level Up Theme

    1.2.2 (26 Feb 2020)

    • New Block Designs are added
    • New Block: Pricing – 1 Design
    • New Block: Project – 2 Designs
    • New Block: Team – 1 Design

    1.2.1 (19 Feb 2020)

    • Made compatible with Level Up Theme

    1.2 (19 Feb 2020)

    • New Text Block Designs are added
    • New Block: Text – 10 Design Blocks

    1.1 (17 Feb 2020)

    • New Feature, Pricing and Team Block Designs are added.
    • New Block: Feature – 9 Design Blocks
    • New Block: Pricing – 7 Design Blocks
    • New Block: Team – 3 Design Blocks

    1.0 (13 Feb 2020)

    • New Feature Design BLocks are added in the AMP blocks, We introduce Column Block which will show, Row and Section module and is easy for drag and drop the designs, which you feel like a Design tool for Gutenberg and the designs are Fully compatible with AMP.
    • New Canvas mode, which will show full width Template in the page.
    • New Block: Heading
    • New Block: Text
    • New Block: Button
    • New Block: Button Group
    • New Block: Icon
    • New Block: Icon List
    • New Block: Image
    • New Block: Video

    0.3 (18 Dec 2019)

    • New Block: Team
    • New Block: Posts

    0.2 (13 Dec 2019)

    • New Block: Button
    • New Block: Testimonial Slider

    0.1 (23 Nov 2019)

    • Initial release

    Install npm modules => npm install
    to run the development mode => npm start
    To run production mode => npm run-script build