Rawnaq is a modular library of interactive widgets and blocks designed for clean performance and fast page loads. It is built for the websites of architects, interior designers, engineers and construction studios, and works just as well for agencies and marketers. It gives you lead-capture, project-showcase and storytelling tools across Elementor, Gutenberg, and Divi Builder without bloating your site.

👉 Live demo · Documentation · Pro features · Pricing · Support

Built for architecture, interior and construction sites

Win enquiries – Smart Form collects project briefs in steps (project type, size, budget, files, signature) and sends them to email, WhatsApp or your CRM.
Show projects – Case-Study Grid filters your portfolio by type, with lightbox galleries. Scroll Story and 3D Tilt Card present a project in a few scrolls.
Explain how you work – Scroll Sync Timeline and Flow Chart show your design-to-handover process or a project programme. Hub Diagram shows how disciplines connect.
Plan materials – Material Quantity Calculator gives visitors quick estimates of concrete, bricks, tiles, paint and rebar, then sends them to your quote form.
Keep clients close – Floating Dock puts call, WhatsApp and enquiry buttons on every page.
Go further with Pro – Rawnaq Pro adds quote and BOQ estimators, before/after spatial slider, 360° viewer, floor plan navigator, material restyler and a client milestone tracker.

Why Rawnaq?

Lightweight and vanilla JS — Powered entirely by modern JavaScript with zero jQuery runtime dependency on the frontend.
On-demand asset loading — CSS and JS files load only on the pages where a module is actually placed.
One module across three builders — Every feature works identically in Elementor, Gutenberg, and Divi Builder without switching tools.
Privacy and GDPR friendly — Form submissions stay privately in your database with full support for WordPress personal data export and erase tools.

11 modules, one plugin

Smart Form – Multi-step lead forms with file upload, signature, WhatsApp redirect, live price estimation, and CRM/webhook delivery.
Hub Diagram – Interactive radial workflow diagrams that illustrate core processes with one-click PNG and SVG export.
Flow Chart – Structured process trees, decision maps, and organizational charts with customizable node connections.
Scroll Sync Timeline – Engaging horizontal and vertical milestone stories that track progress as visitors scroll.
Floating Dock – macOS-style floating menu bar for quick site navigation with an optional WhatsApp QR contact drawer.
Bento Grid – Modern responsive marketing grids that combine feature highlights, metrics, and media in clean layouts.
3D Tilt Card – Interactive showcase cards with smooth parallax depth, light glare reflection, and flip interactions.
Scroll Story – Immersive scrollytelling presentations with sticky media viewports and narrative text chapters.
Scroll Progress & TOC – Live reading progress bar and auto-generated table of contents that improve long-form content navigation.
Case-Study Grid – Filterable portfolio and project showcases with responsive categories, lightbox galleries, and link-outs.
Material Quantity Calculator – Concrete, bricks and mortar, tiles, paint and steel bar quantities in metric or feet and inches, with an optional quote button.

Works with

Elementor, Gutenberg (block editor), and Divi Builder.

External services

Rawnaq may call the following third-party services when you enable related features. No data is sent unless you configure the feature.

Google reCAPTCHA v3 — Optional spam protection on Smart Form. Site/secret keys are set in plugin settings. Form tokens are verified via Google’s siteverify API. reCAPTCHA · Terms · Privacy Policy
WhatsApp (wa.me) — Optional. Opens a WhatsApp chat URL with a prefilled message when Floating Dock or Smart Form WhatsApp delivery is enabled. WhatsApp · Terms · Privacy Policy
Mailchimp — Optional. When Smart Form’s CRM delivery is set to Mailchimp, the submitted email address (and any mapped merge fields) is sent to Mailchimp’s API to subscribe the contact to the audience/list you configure. Requires your own Mailchimp API key. Mailchimp · Terms · Privacy Policy
HubSpot — Optional. When Smart Form’s CRM delivery is set to HubSpot, the submitted form field values are sent to HubSpot’s Forms API using the portal ID and form GUID you configure. HubSpot · Terms · Privacy Policy
Custom webhook / Slack incoming URL — Optional. Smart Form can POST submission JSON to a URL you provide (e.g. Slack Incoming Webhooks). Only the endpoint you configure is contacted.

Third-party libraries

QRCode.js (davidshimjs) — MIT-compatible QR rendering for Floating Dock WhatsApp mode. Human-readable source: assets/js/qrcode.js (also minified as qrcode.min.js). Upstream: https://github.com/davidshimjs/qrcodejs

Privacy

Rawnaq does not phone home. Any personal data stays in your WordPress site or goes only to services you explicitly configure.

Smart Form submissions — When “Log submissions” is enabled, form entries (which may include name, email, phone, message, and uploaded files) are stored as private rawnaq_sf_entry posts in your database. They are retained until you delete them under Rawnaq Form Submissions.
Smart Form rate limiting — Stores a salted hash of the visitor IP in short-lived transients (minutes to one hour); the raw IP is never stored.
Auto-responder — If Auto-responder is enabled the submitter’s email address is used to send them a confirmation email via wp_mail.
Data export / erase — Rawnaq registers exporter and eraser callbacks with WordPress core, so entries are included in Tools Export Personal Data and removed via Tools Erase Personal Data when requested by email.
Delivery services — Email uses your site’s wp_mail. Optional integrations only contact the endpoints you configure: WhatsApp (wa.me link in the visitor’s browser), Google reCAPTCHA (spam scoring), a webhook/Slack URL, or a CRM/ESP (Mailchimp / HubSpot) when you enable and configure it.
Floating Dock analytics — Optional click counts are stored locally in the rawnaq_dock_clicks option; no personal data is recorded.

Credits

Rawnaq is developed and maintained by itsmanzur. All code, design, and assets in this plugin are original work created specifically for Rawnaq.

Source code: https://github.com/itsmanzur/rawnaq

Rawnaq – Elementor Widgets, Gutenberg Blocks & Divi Modules