{"id":323159,"date":"2026-06-08T11:35:30","date_gmt":"2026-06-08T11:35:30","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/gene-blocks\/"},"modified":"2026-07-01T14:02:17","modified_gmt":"2026-07-01T14:02:17","slug":"gene-section-builder","status":"publish","type":"plugin","link":"https:\/\/gu.wordpress.org\/plugins\/gene-section-builder\/","author":23506187,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"3.4.0","stable_tag":"3.4.0","tested":"7.0","requires":"6.4","requires_php":"7.4","requires_plugins":null,"header_name":"GENE Motion Blocks","header_author":"One Craft","header_description":"Section Builder \u2014 pick a color, a section, and a style to generate beautiful, fully editable page sections. 7 palettes \u00d7 8 sections \u00d7 7 styles + scroll effects, all free.","assets_banners_color":"2a2e36","last_updated":"2026-07-01 14:02:17","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/gene-wp.com\/","header_author_uri":"https:\/\/onecraft-ne.jp","rating":0,"author_block_rating":0,"active_installs":0,"downloads":269,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.0.1":{"tag":"2.0.1","author":"onecraftne","date":"2026-06-08 11:32:54"},"3.1.0":{"tag":"3.1.0","author":"onecraftne","date":"2026-06-17 10:26:42"},"3.1.1":{"tag":"3.1.1","author":"onecraftne","date":"2026-06-18 01:48:35"},"3.2.0":{"tag":"3.2.0","author":"onecraftne","date":"2026-06-24 00:40:06"},"3.3.0":{"tag":"3.3.0","author":"onecraftne","date":"2026-06-24 15:17:38"},"3.3.1":{"tag":"3.3.1","author":"onecraftne","date":"2026-06-26 01:29:44"},"3.4.0":{"tag":"3.4.0","author":"onecraftne","date":"2026-07-01 14:02:17"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3585040,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3585040,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256},"icon.svg":{"filename":"icon.svg","revision":3585040,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3592785,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3592785,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"gene-motion\/ring":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"gene-motion\/ring","version":"0.1.0","title":"3D Ring","category":"gene-motion","icon":"format-gallery","description":"Image panels arranged on a rotating 3D ring with depth-aware lighting. Drag, scroll or arrow-key to spin it. Falls back to a clean flat gallery where 3D isn't supported.","keywords":["3d","ring","carousel","gallery","rotate","motion","depth"],"supports":{"html":false,"align":["wide","full"],"anchor":true,"spacing":{"margin":true,"padding":true}},"attributes":{"images":{"type":"array","default":[],"items":{"type":"object"}},"autoRotate":{"type":"boolean","default":true},"reflection":{"type":"boolean","default":true},"tilt":{"type":"boolean","default":true},"panelWidth":{"type":"number","default":260}},"textdomain":"gene-section-builder","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css","viewScript":"file:.\/view.js"}},"tagged_versions":["2.0.1","3.1.0","3.1.1","3.2.0","3.3.0","3.3.1","3.4.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3592785,"resolution":"1","location":"assets","locale":"","width":1360,"height":950},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3592785,"resolution":"2","location":"assets","locale":"","width":1440,"height":960},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3592785,"resolution":"3","location":"assets","locale":"","width":1440,"height":960}},"screenshots":{"1":"The 3D Ring on the front end \u2014 your images on a rotating ring with depth-aware lighting and a floor reflection.","2":"Editing in WordPress: add the 3D Ring block, pick your images, and toggle auto-rotate, cursor tilt, floor reflection and panel width.","3":"Find it in the block inserter \u2014 search \"3D Ring\" under the GENE Motion category."}},"plugin_section":[],"plugin_tags":[783,785,4121,210,34998],"plugin_category":[43],"plugin_contributors":[266175],"plugin_business_model":[],"class_list":["post-323159","plugin","type-plugin","status-publish","hentry","plugin_tags-3d","plugin_tags-animation","plugin_tags-blocks","plugin_tags-gallery","plugin_tags-motion","plugin_category-customization","plugin_contributors-onecraftne","plugin_committers-onecraftne"],"banners":{"banner":"https:\/\/ps.w.org\/gene-section-builder\/assets\/banner-772x250.png?rev=3592785","banner_2x":"https:\/\/ps.w.org\/gene-section-builder\/assets\/banner-1544x500.png?rev=3592785","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/gene-section-builder\/assets\/icon.svg?rev=3585040","icon":"https:\/\/ps.w.org\/gene-section-builder\/assets\/icon.svg?rev=3585040","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/gene-section-builder\/assets\/screenshot-1.png?rev=3592785","caption":"The 3D Ring on the front end \u2014 your images on a rotating ring with depth-aware lighting and a floor reflection."},{"src":"https:\/\/ps.w.org\/gene-section-builder\/assets\/screenshot-2.png?rev=3592785","caption":"Editing in WordPress: add the 3D Ring block, pick your images, and toggle auto-rotate, cursor tilt, floor reflection and panel width."},{"src":"https:\/\/ps.w.org\/gene-section-builder\/assets\/screenshot-3.png?rev=3592785","caption":"Find it in the block inserter \u2014 search \"3D Ring\" under the GENE Motion category."}],"raw_content":"<!--section=description-->\n<p><strong>GENE Motion Blocks<\/strong> adds a <strong>3D Ring<\/strong> gallery block to the WordPress block editor. It is CSS-native first, ships its own tiny JavaScript, loads nothing from third-party CDNs, and falls back gracefully \u2014 so it never breaks your pages and never hijacks the scrollbar.<\/p>\n\n<p>Add it from the block inserter under the <strong>GENE Motion<\/strong> category:<\/p>\n\n<ul>\n<li><strong>3D Ring<\/strong> \u2014 your images arranged on a rotating 3D ring with depth-aware lighting and an optional floor reflection. It can auto-rotate, tilt toward the cursor, and be spun by dragging, scrolling or the arrow keys. Built on CSS 3D transforms, which Safari, Firefox and Chromium all support.<\/li>\n<\/ul>\n\n<p><strong>Never-break by design.<\/strong> The block degrades to a plain, responsive gallery when 3D transforms aren't supported, when motion is reduced (<code>prefers-reduced-motion<\/code>), or when JavaScript is off. Your images are always visible.<\/p>\n\n<p><strong>No libraries, no lock-in.<\/strong> No jQuery, no GSAP, nothing loaded from someone else's CDN. The block's front-end script only loads on pages that actually use it. Deactivate the plugin and your content stays as native markup.<\/p>\n\n<h3>Motion Blocks Pro<\/h3>\n\n<p>The free plugin ships the 3D Ring. <strong>GENE Motion Blocks Pro<\/strong> adds a suite of scroll &amp; motion blocks \u2014 <strong>Snap Sections<\/strong> (with Cover \/ Split \/ Quote \/ Stats \/ CTA presets), a <strong>Horizontal Scroll Gallery<\/strong>, a <strong>Fan Gallery<\/strong> and a <strong>Scroll Spin Gallery<\/strong> \u2014 plus the full per-block design controls and priority support. Pro is a separate product \u2014 learn more at https:\/\/gene-wp.com\/.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Install and activate the plugin.<\/li>\n<li>Edit a page or post, open the block inserter, and look for the <strong>GENE Motion<\/strong> category.<\/li>\n<li>Add the <strong>3D Ring<\/strong> block, choose your images, and publish.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20the%203d%20ring%20slow%20down%20my%20site%3F\"><h3>Does the 3D Ring slow down my site?<\/h3><\/dt>\n<dd><p>No. There are no external libraries and no CDN requests. The block's front-end script is only loaded on pages that contain the block.<\/p><\/dd>\n<dt id=\"what%20happens%20on%20older%20browsers%20or%20with%20reduced%20motion%3F\"><h3>What happens on older browsers or with reduced motion?<\/h3><\/dt>\n<dd><p>The block falls back to a plain, responsive gallery. Your images are always visible; the 3D motion is a progressive enhancement.<\/p><\/dd>\n<dt id=\"will%20my%20content%20break%20if%20i%20deactivate%20the%20plugin%3F\"><h3>Will my content break if I deactivate the plugin?<\/h3><\/dt>\n<dd><p>The saved content is native block markup, so your images remain in place. The 3D styling is provided by the plugin, so the motion stops, but the layout and content stay intact.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>3.4.0<\/h4>\n\n<ul>\n<li>New direction: this plugin is now <strong>GENE Motion Blocks<\/strong>, built around the <strong>3D Ring<\/strong> gallery block.<\/li>\n<li>The previous \"Complete Site\" generator has been retired. Pages you already generated are native core blocks and keep working \u2014 but the generator screen is gone.<\/li>\n<li>The scroll &amp; motion blocks (Snap Sections, Horizontal Scroll Gallery, Fan Gallery, Scroll Spin Gallery) are available in GENE Motion Blocks Pro.<\/li>\n<\/ul>","raw_excerpt":"A 3D Ring gallery block for WordPress \u2014 CSS-native, no external libraries, and built to never break your layout.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/gu.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/323159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gu.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/gu.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/gu.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=323159"}],"author":[{"embeddable":true,"href":"https:\/\/gu.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/onecraftne"}],"wp:attachment":[{"href":"https:\/\/gu.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=323159"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/gu.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=323159"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/gu.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=323159"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/gu.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=323159"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/gu.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=323159"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/gu.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=323159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}