Title: GENE Motion Blocks Author: onecraftne Published: 8 Juni 2026 Last modified: 1 Juli 2026 --- Cari plugin ![](https://ps.w.org/gene-section-builder/assets/banner-772x250.png?rev=3592785) ![](https://ps.w.org/gene-section-builder/assets/icon.svg?rev=3585040) # GENE Motion Blocks Oleh [onecraftne](https://profiles.wordpress.org/onecraftne/) [Unduh](https://downloads.wordpress.org/plugin/gene-section-builder.3.4.0.zip) * [Detail](https://id.wordpress.org/plugins/gene-section-builder/#description) * [Ulasan](https://id.wordpress.org/plugins/gene-section-builder/#reviews) * [Instalasi](https://id.wordpress.org/plugins/gene-section-builder/#installation) * [Pengembangan](https://id.wordpress.org/plugins/gene-section-builder/#developers) [Bantuan](https://wordpress.org/support/plugin/gene-section-builder/) ## Deskripsi **GENE Motion Blocks** adds a **3D Ring** 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 — so it never breaks your pages and never hijacks the scrollbar. Add it from the block inserter under the **GENE Motion** category: * **3D Ring** — 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. **Never-break by design.** The block degrades to a plain, responsive gallery when 3D transforms aren’t supported, when motion is reduced (`prefers-reduced-motion`), or when JavaScript is off. Your images are always visible. **No libraries, no lock-in.** 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. ### Motion Blocks Pro The free plugin ships the 3D Ring. **GENE Motion Blocks Pro** adds a suite of scroll& motion blocks — **Snap Sections** (with Cover / Split / Quote / Stats / CTA presets), a **Horizontal Scroll Gallery**, a **Fan Gallery** and a **Scroll Spin Gallery**— plus the full per-block design controls and priority support. Pro is a separate product — learn more at https://gene-wp.com/. ## Tangkapan Layar [⌊The 3D Ring on the front end — your images on a rotating ring with depth-aware lighting and a floor reflection.⌉⌊The 3D Ring on the front end — your images on a rotating ring with depth-aware lighting and a floor reflection.⌉[ The 3D Ring on the front end — your images on a rotating ring with depth-aware lighting and a floor reflection. [⌊Editing in WordPress: add the 3D Ring block, pick your images, and toggle auto- rotate, cursor tilt, floor reflection and panel width.⌉⌊Editing in WordPress: add the 3D Ring block, pick your images, and toggle auto-rotate, cursor tilt, floor reflection and panel width.⌉[ Editing in WordPress: add the 3D Ring block, pick your images, and toggle auto-rotate, cursor tilt, floor reflection and panel width. [⌊Find it in the block inserter — search "3D Ring" under the GENE Motion category.⌉⌊ Find it in the block inserter — search "3D Ring" under the GENE Motion category.⌉[ Find it in the block inserter — search “3D Ring” under the GENE Motion category. ## Blok Plugin ini menyediakan 1 blok. * 3D Ring 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. ## Instalasi 1. Install and activate the plugin. 2. Edit a page or post, open the block inserter, and look for the **GENE Motion** category. 3. Add the **3D Ring** block, choose your images, and publish. ## Tanya Jawab ### Does the 3D Ring slow down my site? 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. ### What happens on older browsers or with reduced motion? The block falls back to a plain, responsive gallery. Your images are always visible; the 3D motion is a progressive enhancement. ### Will my content break if I deactivate the plugin? 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. ## Ulasan Belum ada ulasan untuk plugin ini. ## Kontributor & Pengembang “GENE Motion Blocks” adalah perangkat lunak open source. Berikut ini mereka yang sudah berkontribusi pada plugin ini. Kontributor * [ onecraftne ](https://profiles.wordpress.org/onecraftne/) [Terjemahkan “GENE Motion Blocks” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/gene-section-builder) ### Tertarik mengembangkan? [Lihat kode](https://plugins.trac.wordpress.org/browser/gene-section-builder/), periksa [repositori SVN ](https://plugins.svn.wordpress.org/gene-section-builder/), atau mendaftar ke [log pengembangan](https://plugins.trac.wordpress.org/log/gene-section-builder/) melalui [RSS](https://plugins.trac.wordpress.org/log/gene-section-builder/?limit=100&mode=stop_on_copy&format=rss). ## Log Perubahan #### 3.4.0 * New direction: this plugin is now **GENE Motion Blocks**, built around the ** 3D Ring** gallery block. * The previous “Complete Site” generator has been retired. Pages you already generated are native core blocks and keep working — but the generator screen is gone. * The scroll & motion blocks (Snap Sections, Horizontal Scroll Gallery, Fan Gallery, Scroll Spin Gallery) are available in GENE Motion Blocks Pro. ## Meta * Versi **3.4.0** * Diperbarui **6 jam yang lalu** * Instalasi Aktif **Kurang dari 10** * Versi WordPress ** 6.4 atau yang terbaru ** * Diuji hingga **7.0** * Versi PHP ** 7.4 atau yang terbaru ** * Bahasa * [English (US)](https://wordpress.org/plugins/gene-section-builder/) * Tag * [3d](https://id.wordpress.org/plugins/tags/3d/)[animation](https://id.wordpress.org/plugins/tags/animation/) [blocks](https://id.wordpress.org/plugins/tags/blocks/)[gallery](https://id.wordpress.org/plugins/tags/gallery/) [motion](https://id.wordpress.org/plugins/tags/motion/) * [Tampilan lanjut](https://id.wordpress.org/plugins/gene-section-builder/advanced/) ## Rating No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/gene-section-builder/reviews/#new-post) [Lihat semua ulasan](https://wordpress.org/support/plugin/gene-section-builder/reviews/) ## Kontributor * [ onecraftne ](https://profiles.wordpress.org/onecraftne/) ## Bantuan Ada yang ingin dikatakan? Butuh bantuan? [Lihat forum bantuan](https://wordpress.org/support/plugin/gene-section-builder/)