thinkNXG Builder — Build Websites Blazingly Fast

100% Open Source & FLOSS — MIT Licensed

Build websites
blazingly fast

thinkNXG Builder is a sleek, new-age visual tool to design and instantly publish lightning-fast webpages — no code required. Drag, drop, and go live.

Try for Free View on GitHub

Drag & Drop

Layers View

Smart Theming

Instant Publish

Figma Import

Responsive

Dynamic CMS

Built-in Analytics

1,000⁺

Creators Building with Builder

98^/100

Google Lighthouse Score

0.8^s

First Contentful Paint

100^%

FLOSS

What is thinkNXG Builder

Minimal interface.
Maximum control.

Builder features an intentionally clean workspace — as opposed to cluttered traditional no-code tools — while still giving you everything needed for pixel-perfect results. Design visually, publish instantly, and skip the developer handoff.

Focused CanvasYour design stays front and center, no frills. Every toolbar is context-aware and out of the way when you don't need it.

Layers ViewOrganise every element of your page with a clear visual hierarchy. Select, rename, reorder, and nest elements in seconds.

Properties PanelFine-tune typography, spacing, borders, shadows, and layout — all without touching CSS directly.

Component PickerA growing library of reusable blocks and elements. Drop in a hero, feature grid, or CTA and customise from there.

Canvas Workspace

Layers Panel

Hero Section

Heading

Subheading

CTA Button

Dynamic CMS

A dynamic CMS,
powered by thinkNXG Framework

Fetch, loop, and display dynamic data using simple Data Scripts. Perfect for blogs, product listings, portfolios, and custom layouts. No heavy frameworks or complex CMS layers needed.

Data ScriptsWrite simple scripts to fetch data from any thinkNXG DocType and bind it directly to your page elements.

Loop & RenderRepeat blocks for lists, cards, and galleries automatically — just point at a data source and let Builder handle the rest.

Blog & Content ManagementPublish articles, manage categories, and maintain an editorial calendar — all inside thinkNXG without third-party CMS tools.

No Heavy FrameworksZero client-side JavaScript bloat unless you add it. Pages render instantly from clean, lightweight HTML and CSS.

Data Script Editor

// Fetch blog posts
data = frappe.get_list(
"Blog Post", {
fields: ["title","route"],
limit: 6
})

Dynamic Blog Cards

Smart Theming

Smart theming,
built right in

Using light and dark color variables, Builder handles theme transitions for you — keeping your typography, surfaces, and UI elements perfectly aligned across both modes automatically.

Light & Dark Mode VariablesDefine your palette once using CSS variables and Builder applies them consistently across every element and state.

Interactive StatesCustomise hover, focus, and active styles visually — no CSS required. Click any element and set its state styles directly.

Global Design TokensChange your brand colour once and watch it update everywhere — buttons, links, highlights, and borders all at once.

Token	Light Mode	Dark Mode
`background`	#FFFFFF	#0F0F0F
`headline`	#666666	#BBBBBB
`subtext`	#7C7C7C	#9A9A9A
`primary-btn`	#F3F3F3	#636363
`second-btn`	#FFFFFF	#808080

Hover and focus states can be set visually for any element — no CSS knowledge needed.

Performance

Lightning-fast by design.
Built for performance.

Every page created with Builder is optimized for speed, from the first byte to the final paint. Pages routinely score 98/100 on Google Lighthouse.

Performance Metric	thinkNXG Builder	Competitor A	Competitor B	Competitor C
First Contentful Paint	0.8s	1.7s	1.9s	2.8s
Speed Index	0.8s	1.7s	1.9s	2.8s
Largest Contentful Paint	2.3s	3.4s	2.3s	4.5s
Lighthouse Performance Score	98	91	97	79

⚡

Lightweight HTML/CSS

Builder generates clean, minimal markup that renders instantly — no bloated wrappers or unnecessary DOM nodes.

🚫

Zero JS by Default

No client-side JavaScript is loaded unless you explicitly add it. Pages paint fast with pure static rendering.

🖼️

Smart Image Optimisation

Images are automatically converted to WebP format and lazy-loaded — dramatically reducing payload on first load.

🌐

Fewer Network Requests

No underlying frameworks to load before rendering. Fewer dependencies means fewer round-trips and faster pages.

Figma to Builder

Made for designers.
Skip the handoff.

Import your Figma designs directly into Builder and take full control of implementation yourself. Less to no dependencies with developers — ship exactly what you design, every time.

Figma PluginUse the official Figma to thinkNXG Builder plugin to export frames directly into your Builder workspace.

Pixel-perfect ImportFonts, colours, spacing, and layout come across faithfully — preserving your design intent without manual re-work.

Designer Owns PublishingNo more back-and-forth with developers for layout tweaks. Designers can make changes and hit publish in minutes.

Get the Figma Plugin

Figma Design thinkNXG

Builder

Fonts preserved

Syne, DM Sans, and custom fonts transferred automatically

Colours & spacing intact

Padding, margins, and colour tokens transfer faithfully

Components mapped

Figma components become reusable Builder blocks

Publish immediately

No developer needed — go from Figma to live in minutes

Everything Included

Everything else you'll love about Builder

Builder is packed with features that handle the details — so you can focus entirely on design and content.

Protected Pages

Restrict access to specific pages with built-in login gating. Perfect for client previews, member portals, and internal docs.

Responsive Layouts

Adjust desktop, tablet, and mobile views side by side in the same editor. Every breakpoint is fully customisable.

Smart Image Optimisation

Images are automatically converted to WebP format and served with lazy loading — zero manual effort for faster pages.

State Styles

Create hover, focus, and active states visually without writing CSS. Click any element and add state-based overrides instantly.

Copy Pages Across Sites

Duplicate complete pages between different projects with a single click. Reuse your best designs without starting from scratch.

Built-in Analytics

Track page views and referrers without any external scripts or cookie banners. Simple, privacy-first analytics out of the box.

Template Block Library

Get started with ready-made blocks for headings, forms, feature grids, CTAs, and more — all clean and fully editable.

Custom Domain Support

Map your own domain to your Builder site in seconds. Full SSL is provisioned automatically with zero configuration needed.

Custom Scripts & Styles

Need something beyond what the UI provides? Drop in raw HTML, CSS, or JavaScript snippets at the page or component level.

Get Started

Live in 3 simple steps

thinkNXG Builder is designed for speed. Go from blank canvas to published website in the same afternoon.

Create your thinkNXG Cloud account or set up a self-hosted thinkNXG site. Builder comes pre-installed — open it from the desk and create your first page.

Design Visually

Drag and drop elements onto the canvas. Choose from template blocks, customise fonts, colours, and spacing — or import directly from Figma for a head start.

Publish & Go Live

Set your page route, hit publish, and your page is live. Map a custom domain, track analytics, and iterate — all from the same interface.

Integrations