Docs About Instinctor Instinctor features: The builder: 55 blocks

Instinctor features: The builder: 55 blocks

Every feature below exists in the product. Items marked (Pro) need Pro to run or to publish: in the editor everyone can use them.

The builder: overview

Every setting below can be set separately for desktop, tablet and phone. Every block has margins, padding, visibility per device and per login state, and can be nested.

The builder: sections and screens

(119 settings)

  • Classic scrolling sections, cinematic full-screen screens, or hybrid: a cinematic hero that hands over to normal scrolling
  • Height: auto, pixels or viewport height; aspect ratio; content width, compact mode, full width
  • Background: colour, image (fixed, parallax, position, size), video with fallback, image sequences (frame-by-frame animation at your frame rate), gradient mesh, animated shapes, smoke
  • 3D depth background from a photo: relief or parallax, strength, light, pivot, zoom (Pro)
  • Gradient and colour overlays with shape and opacity
  • Frosted glass with blur level
  • Borders per side, radius
  • Animated background layers (18 types), stackable
  • Section reveal effect (28) with colours, easing, speed and three parameters
  • Motion Wall behind the content (24 motions) (Pro)
  • Section tilt and ambient light (Pro)
  • Keyframe timeline animation
  • Per-screen transition, entrance, autoplay timer, skip, hide logo, hide background effect, hide on phone
  • Anchor id for links; chat and hero markers

The builder: grid, Rows and Columns

  • Any number of columns and rows; auto-fit; direction and wrap
  • Gaps horizontal and vertical; alignment per cell, horizontal and vertical
  • Cell sizing, cell padding, cell borders per side
  • Background image, shapes, frosted glass per grid
  • Staggered reveal of the cells, with duration and stagger
  • 3D tilt and depth on hover
  • Idle wave animation across the cells
  • Image lightbox for gallery grids
  • Separate phone layout

The builder: text

  • Rich text, font family, size, colour, italic, decoration, heading tag
  • Drop cap
  • Text halo for legibility over images
  • Text reveal: unroll, with delay, duration and stagger

The builder: kinetic heading

(Pro)

  • 33 compositions, 62 motions, 5 type families
  • Composition mode or per-line mode: every line its own text, motion, size, weight, colour and link
  • Solid colour or travelling gradient, per line or across the block
  • Outline with spin, letter spacing, line gap, wrap, keep inside
  • Parallax, intensity, speed, loop, scroll exit
  • Contrast mode: type inverts against whatever is behind it
  • As background behind the section's content
  • Real h1, h2 or h3 for search engines

The builder: 3D Title

(Pro)

  • Flat, outline, depth, or outline plus depth
  • Per-line font, size, weight, fill, gradient, stroke, depth and rotation
  • Depth of field, depth shadow, perspective, orbit speed, auto tilt, mouse sensitivity
  • Stroke spin with bevel

The builder: animated Title

  • Presets with delay, duration, easing, spring, depth, tilt and gradient

The builder: image

  • Upload or library; alt text; lightbox; link
  • Corner radius per corner, mask shapes (any SVG shape)
  • Focal point, fill container, alignment, wrap text around
  • Animated gradient border with two colours and speed
  • Hover effects: shine, 3D tilt, zoom and thermal, selectable in the panel (Pro for the premium ones)
  • Background removal (cutout) (Pro)
  • Halftone with pitch, palette, ink, paper, levels and density (Pro)
  • 3D depth from the photo
  • Pin to screen, lift, layer order, flow offset
  • Popups: image opens a shaped popup

The builder: video

  • Upload or link (YouTube, Vimeo and files), poster image, transcript
  • Autoplay, loop, muted, controls, corner radius per corner

The builder: button

  • Text, link, open in new tab, or open a cinematic screen
  • Icon (1,701) with position, size and spacing
  • Size, padding, minimum width, radius per side
  • Frosted glass, text halo
  • Pin to the bottom of the screen

The builder: icon Card

  • Icon or image, title and text, position and alignment
  • Container size, background and radius
  • Hover effect and continuous effect, with transition
  • Link

The builder: flip Box

  • Front and back: icon, image, title, text, button
  • Flip animations and speed
  • Spinning border
  • Frosted glass

The builder: carousel

(12 modes: scroll, coverflow, cube, conveyor, depth rush, portal, card flip, table, orbit and more) (Pro)

  • Images or cards, items shown, gap, height, fit
  • Autoplay, direction, speed, pause on hover, arc intensity, tilt

The builder: slider / Tabs

  • Slides with tab navigation, effects, autoplay, direction, phone stacking

The builder: marquee

(Pro)

  • Logos, images or cards; rows; speed; pause on hover
  • Hover zoom and reveal; captions; logo tint

The builder: table

  • Rows and columns, header, icons, zebra stripes
  • Highlight a column, hover highlight with effects
  • Staggered entrance animation

The builder: chart

  • Bar, line, pie, doughnut, ring and more; horizontal or vertical
  • Legend position, label format, animation, 3D tilt

The builder: countdown

  • Days, hours, minutes, seconds; rings with colour and size; labels; message at zero; parallax

The builder: network

(Pro)

  • Animated network of cards with routes, travelling lines and colours

The builder: unfold (accordion and tiles)

  • Accordion, spotlight or tiles; numbered items; columns; expand behaviour

The builder: modal / Popup

  • Open on click, on a timer, on scroll, or on a button anywhere
  • Once per session, auto-dismiss, close on overlay
  • Animations, background image, position, edge effects

The builder: divider

  • Line styles plus animated: aurora, electric, glow scan, neon, prism, stripes
  • Horizontal or vertical, fade edges, tilt, label

The builder: map

  • Address or coordinates, map style and type, shape

The builder: social icons

  • Brand colours or your own, shapes, hover effects

The builder: header

  • Logo, menu, call-to-action button, cart and account links
  • Sticky header with modes, announcement bar
  • Layouts and menu position

The builder: navigation menu

  • Menus from pages or custom items, layout and hover colour

The builder: footer

  • Three link columns, logo, slogan, social icons, payment icons (Visa, Mastercard, Amex, PayPal), copyright
  • Layouts

The builder: reviews

  • Star rating, review count, review cards in columns, links to write and read reviews

The builder: team

  • Member cards with photo, name, role and bio; shapes, columns, styles

The builder: business hours

  • Opening hours with address and phone

The builder: pricing Plans

  • Plans with a monthly/yearly toggle, highlighted plan with ribbon, hover effects

The builder: price List

  • Menu-style price list with separators and icons

The builder: store blocks

  • Products: grid, carousel, menu or list; categories or hand-picked; quick-view popup; flip cards; add-ons
  • Bundle, Cart, Mini cart (side cart), Checkout (styled fields and button), Receipt
  • Free-shipping progress bar
  • Customer account, Login (with Google), Registration

The builder: booking blocks

  • Booking widget with services and staff, repeat bookings
  • Class schedule for the days ahead

The builder: forms

  • Contact forms with any fields, multi-step with step titles, redirect or success message, link to chat
  • Form builder

The builder: estimate request

  • Request a quote, with vehicle or postcode fields for trades and auto shops

The builder: 3D blocks

  • 3D Model, 3D Model Card with colour swatches and price, Product Configurator with prices per option, 3D print quote from an uploaded STL

The builder: blog

  • Blog posts list

The builder: code

  • Your own HTML, CSS and JavaScript (standalone and Pro; not in the WordPress.org build)