GENE Section Builder

Àpèjúwe

GENE Section Builder adds a single, focused block of the same name to WordPress.

Choose a color palette, a section, and a style. Hit Generate. A fully designed section appears, built from native WordPress blocks and ready for you to edit.

All features are free. No paid tier, no locked options.

  • 7 color palettes — Blue, Emerald, Violet, Rose, Amber, Teal, Charcoal. Muted, eye-friendly tones. The same section renders in any color, so you can match your brand instantly.
  • 8 sections — Hero, Services, Call to Action, Menu / Pricing, Testimonials, Team, Q&A, plus one-click Full Page.
  • 7 styles — Cards, List, Grid, Carousel, Accordion, Split, Masonry (only the styles that fit each section are offered).
  • Scroll effects — Fade, slide, scale, blur, reveal, text reveal, 3D tilt, 3D flip and staggered cards. Lightweight, CSS-driven, applied from the GENE Effects panel on any block.

Why core blocks?

Every section is built from standard WordPress core blocks (group, columns, heading, paragraph, image, buttons, details). That means:

  • Fully editable — change any text, image, color, or layout from the editor
  • No vendor lock-in — if you deactivate the plugin, your content stays intact (youÌtumọ̀ Yorùbá: ’ll just lose the visual polish)
  • Works in any block-aware theme
  • Lightweight — CSS-driven color palettes, no heavy frameworks

Pairs perfectly with the GENE theme, but works with any block-aware WordPress theme.

Resources

GENE Section Builder WordPress Plugin, (C) 2026 One Craft
GENE Section Builder is distributed under the terms of the GNU GPL v2 or later.

Àwọn ìdí

Plugin yìí pèsè 1 ìdí.

  • Section Builder Pick a color, a section, and a style — get a fully designed section. Then break it apart and make it yours.

Ìgbéwọlẹ̀

  1. In your WordPress admin, go to Plugins > Add New > Upload Plugin.
  2. Upload the gene-blocks.zip file and click Install Now.
  3. Activate the plugin.
  4. In the block editor, search for “Section Builder” or find it under the “GENE Section Builder” category.

FAQ

Does this require the GENE theme?

No. GENE Section Builder works with any WordPress block-aware theme. It looks especially good with the GENE theme because the color palettes match.

Can I edit the generated sections?

Yes. After clicking Generate, the section is replaced with regular core blocks. You can edit every part — text, images, colors, spacing — using normal WordPress editor controls.

What happens if I deactivate the plugin?

Your content stays. The blocks were converted to core blocks at generation time, so they keep working. YouÌtumọ̀ Yorùbá: ’ll lose the design CSS polish (cards lose their elevated look, hero sections lose their dark background, etc.), but no content is lost.

How is this different from a pattern?

Patterns are static. Section Builder lets you choose color/section/style combinations and generates the right design for that combination. ItÌtumọ̀ Yorùbá: ’s a guided picker, not a flat library.

Is there a paid version?

GENE Section Builder is fully free with no locked features — nothing here is gated. If you want a different design system, there is a separate companion plugin, GENE Blocks Studio, available at https://gene-wp.com/. It applies six complete visual aesthetics consistently across every section. It is a standalone product, not an upgrade that unlocks this plugin; everything in GENE Section Builder stays free.

Àwọn àgbéyẹ̀wò

Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.

Àwọn Olùkópa & Olùgbéejáde

“GENE Section Builder” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí.

Àwọn Olùkópa

Túmọ̀ “GENE Section Builder” sí èdè rẹ.

Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

Ṣàwárí koodu, ṣàyẹ̀wò ibi ìpamọ́ SVN, tàbí ṣe àgbékalẹ̀ sí àkọsílẹ̀ ìdàgbàsókè nípasẹ̀ RSS.

Àkọsílẹ̀ àwọn àyípadà

2.0.1

  • Fix: on small screens, generated sections now keep a horizontal gutter so content no longer runs to the very edge (was left-jammed on mobile).

2.0.0

  • Redesigned around color: pick a palette (7 colors) instead of an industry.
  • New Q&A section (accordion or list).
  • New styles: Carousel, Accordion, Split, Masonry (now 7 styles total).
  • Color-agnostic templates — the same section renders in any palette via CSS variables.
  • Scroll effects: fade, slide, scale, blur, reveal, text reveal, 3D tilt/flip, staggered cards (all CSS-driven).
  • All features unlocked and free.

1.0.0

  • Initial release with Section Builder block.
  • 5 industries × 6 sections × 3 styles.
  • Full Page generation.