Docs About Instinctor Impulse Builder

Impulse Builder

Impulse is Instinctor's visual page editor. It builds pages through a block-based system with native 3D rendering, scroll-triggered motion, and depth effects. No coding required for any of these features.

What Impulse can build

Impulse handles any standard web page layout plus capabilities most builders cannot produce without custom code:

  • Full-bleed 3D backgrounds with parallax and mouse-reactive depth
  • Scroll-triggered animations on individual blocks
  • WebGL shader effects (particle fields, fluid motion, geometric abstractions)
  • Cinematic screen-mode pages: each section fills the viewport, transitions on scroll
  • Standard content: text, images, video, product grids, forms, buttons, pricing tables
  • Ecommerce pages: product pages, cart, checkout, order confirmation

Screens

Every Impulse page is a single sequence of full-viewport screens. Each screen fills the viewport and reveals with its own entrance animation as the visitor advances (scroll wheel, swipe, or arrow keys), with a page-wide 3D environment behind them. There are no separate "hero" and "body" zones — every screen is an equal member of one flat list. A page can also use Classic scroll, presenting the screens as a normal scrolling document with no environment.

The block system

Pages are built from blocks placed inside sections. Common blocks:

  • Section: the container. Controls background (color, image, video, or 3D effect), padding, screen height, alignment.
  • Heading: text with font, size, weight, color, stroke, blur, and 3D bevel options.
  • Text: body copy with full typographic controls.
  • Button: CTA with label, link, style, hover, and size controls.
  • Image: responsive image with overlay and motion options.
  • Grid: flexible n-column layout for any content.
  • Product Grid: pulls from the store catalog automatically.
  • Flipbox: front/back card with hover reveal.
  • Animator: frame-by-frame image or GIF-style animation.
  • Form: contact or lead-gen form connected to email or SMS notifications.
  • Video: embedded or hosted video.
  • Instagent: AI chat widget block, placed anywhere on the page.

3D effects

Instinctor's 3D backgrounds are built on WebGL shaders, not CSS tricks. The effect library includes depth fields, particle systems, wave surfaces, geometric meshes, and abstract motion patterns. Each effect has presets and per-parameter controls (speed, density, color, scale). Effects run in the browser in real time with no video files.

The depth engine applies parallax based on mouse position and scroll velocity. Sections feel physically layered rather than flat.

Per-device settings

Most visual settings (font size, padding, block width, column count) have separate values for desktop, tablet, and mobile. You set the desktop default, then override per device where needed. The editor shows a live preview per device in the viewport.

Instagent section generator

Instagent can generate complete page sections from a text brief. Select a section type (hero, features, pricing, testimonials, etc.) and provide a short description. Instagent builds the section using the brand profile set in Settings, then inserts it into the page as editable blocks. Review and adjust from there.

Publishing

Changes are saved to the platform draft automatically. You publish explicitly when a version is ready. In Standalone mode, publishing pushes the page to the live instinctor.com/:user/:slug URL. On WordPress, saving updates the post content immediately (live preview reflects changes within a second).

Responsive preview

The editor has a three-device tab bar (desktop, tablet, mobile). The viewport in the editor updates immediately when switching devices, showing how the page looks at each breakpoint without leaving the editor.