c9 Grid BLock
Responsive Grid Container
CSS Grid Columns
Bootstrap 4 Containers
Unlimited Column Layouts
The C9 Grid block is one of our most powerful layout blocks allowing for unlimited layouts that look great on any device all from within the comfort of the Gutenberg block editing API for a familiar and easy to use editing experience.
Using the C9 Grid block to create unique landing page layouts that will entice your visitors at whatever step of the customers journey they’re on.
Supports MP4s, OGV, WEBM, & YouTube links. Videos are muted, looped, & scaled to fit the fullscreen.
YouTube API support or Upload your own video clips
Adding a video to a landing page to give users the full experience for your service, event, or product can be a unique way of presenting a streaming piece of information in the header, or as a background to help tell your story. With C9 Blocks, it’s easy to add a video with just a few clicks.
Download our Gutenberg-Powered WordPress Themes for free
C9 Starter Theme
To show off the flexibility and design patterns of C9 Blocks, we created a simple theme called the C9 Starter Theme. It combines the best of WordPress’ popular starter theme _s (Underscores) with the power of modern build tools like NPM and Gulp. Best of all, our theme and plugin suite works seamlessly with the new Gutenberg editor, so you’ll always be in compliance with the latest WordPress trends and best practices.
This is our latest Gutenberg-powered WordPress theme, and it’s called C9 Work. It features a mega menu, as well as full WooCommerce catalog support. The theme will be free for users subscribed to our early access list, and has customized Gutenberg styles for paragraphs, C9 Grid blocks, C9 Container blocks, and image blocks. There’s also additional support for Gravity Forms, and a search field in the main header navigation of this theme.
The entire site is powered by Bootstrap’s responsive grid framework, CSS Grid, and the C9 Blocks plugin.
To show off the power of C9 Blocks with the C9 Starter Theme, we’ve created a free Gutenberg-powered single page theme called the C9 Music. It sports GreenSock animations on navigation links with the help of ScrollMagic, and has support for WooCommerce so you can sell shredded heavy metal t-shirts to your most loyal fans.
Develop your own WordPress Themes with C9 Blocks
Bootstrap 4 + underscores
MINIMALIST BOOTSTRAP STARTER THEME
Unlimited CSS Column Grid Layouts
Twenty Twenty WordPress Theme SUpport
Twenty Nineteen WordPress Theme Support
30+ Section Templates
15+ Landing Pages
c9 ADMIN PLUGIN
Online docs + TUtorials
Community support forum
Watch a timelapse video as we build a homepage from scratch for the new WordPress Twenty Twenty theme with the help of the C9 Blocks plugin.
Arguably one of the most powerful, and complex responsive blocks with background video, image, and overlay support.
Heading blocks with the ability to override font sizes, styles, and a subheading powered by Bootstrap classes
A responsive call-to-action bar with a button that can link to an email sign up or buy page with alignwide and alignfull support
Vertical set of tabs that stack on mobile with full accessibility compliance from Bootstrap
Horizontal tabs that scale down on mobile for clear and concise information on any screen size
Two styles of toggles for hiding information behind a click or a heading.
Responsive slider for images with captions and subheadings. Change the animation speed, auto paging, and the display of arrows and indicators
Display a grid of posts, pages, or any custom post type in WordPress, with a wide range of filters and settings for exactly what you want to display in a responsive grid
A responsive slider carousel that can go inside of any C9 Grid element. Make a slider of logos, built in WordPress blocks like galleries, paragraphs, media & text, or videos
A simple set of social sharing buttons that utilize the FontAwesome 4.7 icon set. Buttons links are pre-configured for popular social networks.
Building A Netflix Inspired Landing Page with WordPress + Gutenberg Blocks
Building A Responsive Homepage with the new WordPress Twenty Twenty Theme + Gutenberg Blocks
Creating landing pages from templates either one section at a time or a full landing page at a time
An easy way to get to reusable layouts with the C9 blocks plugin
PAGE BUILDING INCEPTION. This entire landing page was built using this very plugin with a custom theme. We’ve been fairly thorough in documenting the settings, even though we try to keep them to a minimum. There’s also a helpful C9 Admin plugin, and our minimal Bootstrap 4 theme to use as a jumping off point. Our documentation site was also built using the C9 Blocks plugin, and it is running on the very same minimal Bootstrap theme.. (That’s two tier page building inception.)
Landing Page Templates
The whole list of features
New WordPress Blocks
- C9 Grid
- C9 Posts Grid (any post type, categories, tags)
- C9 Heading (bootstrap headings/subheadings)
- C9 Call To Action Bar
- C9 Social Share Links
- C9 Vertical Tabs (bootstrap)
- C9 Horizontal Tabs (bootstrap)
- C9 Image Carousel (bootstrap carousel)
- C9 Carousel (Anything slider with bootstrap)
- C9 Toggles
Responsive c9 grid block
- Supports all C9 Blocks
- Supports most core WordPress blocks
- CSS Grid Columns
- Hundreds of column layout combinations
- Bootstrap 4 containers
- Container narrow
- Container width (1140px)
- Align wide width
- Align full width
Ready to Go Block Templates
- 15 Full Landing Page Templates
- Made of C9 Blocks + Core Blocks
- Categorized by Landing Page Objective
(Awareness, Consideration, Conversion)
- 35 Section Templates
- Made of C9 Blocks + Core Blocks
- Combinations for infinite page template layouts
- Saved Blocks Preview
- Another place to access/view saved block layouts
- Twenty Twenty Theme Support
- Twenty Nineteen Theme Support
- C9 Starter Theme
Need help? Try the community forums where everyone is NICE or henceforth banned forever and threatened with frivolous lawsuits!
Like what you see? Or need support? Buy a premium license to take advantage of future releases, premium themes, and priority support!