eSeGeCe — Enterprise Communication Components for Delphi & .NET
FEATURED · sgcHTML

Your backend already speaks HTML

Build the whole web app in Pascal. Server-side HTML components render Bootstrap 5 markup, htmx keeps every click interactive, and WebSockets push live updates into the open page. No npm, no JavaScript build step.

Explore sgcHTML Download Free Trial
  • Bootstrap 5 + htmx
  • Real-time over WebSockets
  • No JavaScript required
  • Delphi · C++ Builder · .NET
OrdersDashboard.pas
uses
  sgcHTML_Component_StatCard, sgcHTML_Component_Chart,
  sgcHTML_Component_Grid, sgcHTMX_Engine_Server;

// 1. KPI row, three stat cards
FBody :=
  TsgcHTMLComponent_StatCard.Build('Monthly Revenue', '$48,200',
    scSuccess, stUp, '12.5%', 'kpiRevenue', sgBlueViolet) +
  TsgcHTMLComponent_StatCard.Build('Orders Today', '1,284',
    scSuccess, stUp, '4.1%', 'kpiOrders', sgBlueViolet) +
  TsgcHTMLComponent_StatCard.Build('Live Users', '312',
    scSuccess, stNeutral, 'live', 'kpiUsers', sgBlueViolet);

// 2. Chart
oChart.ChartType := ctBar;
oChart.AddLabel('Mon'); oChart.AddLabel('Tue'); oChart.AddLabel('Wed');
oChart.AddLabel('Thu'); oChart.AddLabel('Fri');
oChart.AddDataset('Orders', [42, 58, 51, 73, 66],
  '#7C3AED', 'rgba(124,58,237,.25)', True);
FBody := FBody + oChart.HTML;

// 3. Grid, straight from a dataset
oGrid.ShowSort := True;
oGrid.ShowFilter := True;
oGrid.LoadFromDataSet(qryOrders);
FBody := FBody + oGrid.HTML;

oPage.BodyContent := FBody;
Response := oPage.GetHTML;      // full Bootstrap page

// 4. Later, from any thread, push a live KPI
oHTMX.BroadcastFragment(
  '<div id="kpiRevenue" hx-swap-oob="true">' +
  CurrToStr(FRevenue) + '</div>');

Left: Object Pascal. Right: the page it serves, live in the browser. Same components in C++ Builder and C#.

sgcHTML

Server-side HTML components for Delphi, C++ Builder and .NET. Charts, grids, forms, dashboards and chat, rendered as Bootstrap 5 markup and kept live by htmx over WebSockets.

Product overview Pricing
COMPONENT LIBRARY

Nine Families, One Palette

Every widget is a native class. Set its properties, optionally bind it to a TDataSet, then read its HTML property. Grid, DataTable, Chart, Select, TreeView, Scheduler, Timeline and Form load straight from a dataset.

64 Components Nine families, each component with its own documentation page, from NavBar to AIChat.

Charts & Visualization

Chart (Chart.js line, bar, pie, doughnut, radar, polar, bubble, scatter), Gauge, Diagram as inline SVG, and Map on Leaflet.

View family →

Data & Tables

Grid with sort, filter, CSV and PDF export, inline edit, grouping and virtual scroll. Plus DataTable, Calendar, Scheduler, Timeline, KanbanBoard and Gantt.

View family →

Forms & Inputs

Form with validation, Edit, Memo, CheckBox, RadioGroup, Select, InputGroup, AutoComplete, DatePicker, FileUpload, RichEditor and Rating.

View family →

NavBar, Sidebar, Breadcrumb, Tabs, Pagination, Toolbar, TreeView, Stepper, Dropdown, ButtonGroup, ListGroup, DashboardLayout and Site.

View family →

Content & Layout

Panel, StatCard KPI tiles with trend arrows and gradients, Accordion, Carousel, Image, Avatar and Video.

View family →

Overlays & Feedback

Modal, Offcanvas, Popover, Toast, Snackbar, Notification centre with unread badge, Spinner and Placeholder skeletons.

View family →

Chat & AI

ChatBox, Chat with text, image, file, audio and video messages, and AIChat with a provider selector, token streaming and RAG source citations.

View family →

Authentication

Login, SocialLogin OAuth buttons for Google, Facebook, Apple, GitHub and Microsoft, OAuthCallback, and WebAuthnLogin passkeys.

View family →

Engine, Server & Theming

TsgcHTMLEngine_Server serves the rendered pages, TsgcHTMX_Engine_Server dispatches htmx requests and pushes fragments, and PageBuilder, TemplateBootstrap, ThemeController and ThemeBuilder handle the document and light or dark themes.

View family →

Bootstrap 5.3 and htmx ship embedded, so there is no CDN call at runtime. Built-in UI text comes in 17 languages, and every component HTML, attribute, JavaScript and URL encodes its dynamic content by default.

REAL-TIME UI

The Server Renders. htmx Swaps. WebSockets Push.

There is no client-side state to keep in sync, because there is no client-side application. Your Pascal or C# code owns the page: it answers the first request with HTML, answers each interaction with a fragment, and pushes new fragments to every open browser the moment the data changes.

Browser sgcHTML server GET /dashboard 200 · full Bootstrap 5 page hx-post /orders/filter OnHTMXRequest → fragment, swapped in place WebSocket · BroadcastFragment(hx-swap-oob)
  1. Compose

    Build the page from TsgcHTMLComponent_* classes in Pascal or C#, or bind them to a dataset and let them render the rows.

  2. Serve

    TsgcHTMLEngine_Server answers the request from your own HTTP server with a complete Bootstrap 5 document and its embedded assets.

  3. Swap

    htmx sends the interaction back to OnHTMXRequest. Your handler returns only the fragment that changed, and htmx swaps it in place.

  4. Push

    BroadcastFragment sends an out-of-band fragment over the WebSocket to every connected browser. It is thread-safe, so a background timer can call it directly.

ONE COMPONENT, ONE WEBSITE

TsgcHTMLComponent_Site

Header, navigation menu, content area and footer, wrapped in a swappable layout template. Set the layout, theme and brand, add the menu and the content, then read the HTML property and serve the finished page.

uses
  sgcHTML_Enums, sgcHTML_Component_Site;

oSite := TsgcHTMLComponent_Site.Create(nil);
try
  oSite.Layout := slTopNavSidebarLeft;
  oSite.Theme.Preset := stpViolet;
  oSite.Theme.Mode := stmLight;
  oSite.Brand.Text := 'Acme';

  oSite.AddMenu('Dashboard', '/', '📊').Active := True;
  oSite.AddMenu('Reports', '/reports', '📈');

  oSite.AddSection('Overview', '<p>Welcome back.</p>', 'overview');
  oSite.AddContent('<div class="alert alert-info">All systems normal</div>');
  oSite.Footer.Text := '© 2026 Acme';

  Response := oSite.HTML;   // the whole site, one component
finally
  oSite.Free;
end;
using esegece.sgcWebSockets;

var site = new TsgcHTMLComponent_Site();
site.Layout = TsgcHTMLSiteLayout.slTopNavSidebarLeft;
site.Theme.Preset = TsgcHTMLSiteThemePreset.stpViolet;
site.Theme.Mode = TsgcHTMLSiteThemeMode.stmLight;
site.Brand.Text = "Acme";

site.AddMenu("Dashboard", "/", "📊").Active = true;
site.AddMenu("Reports", "/reports", "📈");

site.AddSection("Overview", "<p>Welcome back.</p>", "overview");
site.AddContent("<div class=\"alert alert-info\">All systems normal</div>");
site.Footer.Text = "© 2026 Acme";

string html = site.GetHTML();   // the whole site, one component
Swappable layout template Light and dark themes Brand, menu, content, footer Delphi · C++ Builder · .NET

sgcHTML requires sgcWebSockets Professional or Enterprise, and it is included in the All-Access bundle.

GENERATE THE API LAYER

sgcOpenAPI Writes the Back End Your UI Calls

Your sgcHTML pages need data, and that data usually comes from an API. sgcOpenAPI is one bundled product for Delphi and C++ Builder: an OpenAPI 3.x parser, a native Pascal SDK generator, an OpenAPI server component, and a library of pre-built cloud SDKs you can use straight away.

OpenAPI 3.x parser

Read any OpenAPI 3.x document, in JSON or YAML, into a strongly-typed object model you can walk from code.

The parser →

Pascal SDK generator

Turn that spec into a native Delphi or C++ Builder client, with typed request and response classes, ready to compile.

Generator features →

OpenAPI server component

Publish your own endpoints as a live openapi.json or openapi.yaml, build endpoints from a spec, and validate requests and responses against it.

The server →

Pre-built cloud SDKs

Amazon AWS 280+, Microsoft Azure 650+, Google Cloud 250+ and Microsoft Graph 15+ services, already generated for you.

Browse the APIs →
1,195+ Pre-built SDKs AWS, Azure, Google Cloud and Microsoft Graph, on a single Single, Team or Site licence. Delphi 7 to RAD Studio 13.

Explore sgcOpenAPI

THE ECOSYSTEM

Six Libraries, One Stack

sgcHTML is the UI layer. The rest of the stack sits underneath it, from the socket to the signature.

sgcWebSockets

WebSocket, HTTP/2, HTTP/3, MQTT, AMQP, WebRTC, AI and 30+ API integrations. The HTTP and WebSocket servers that sgcHTML runs on.

Learn more →

sgcHTML

Server-side HTML and UI components for Delphi, C++ Builder and .NET. Bootstrap 5 markup, htmx interactivity, real-time updates.

Learn more →

sgcOpenAPI

OpenAPI 3.x parser, Pascal SDK generator, OpenAPI server component, and 1,195+ pre-built cloud SDKs.

Learn more →

sgcSign

Document signatures (XAdES, PAdES, CAdES, ASiC) and code signing (Authenticode, ClickOnce, NuGet, VSIX) with 10 key providers and 21 EU country profiles.

Learn more →

sgcBiometrics

Windows Hello, fingerprint sensors and facial recognition through the Windows Biometric Framework, for Delphi and C++ Builder.

Learn more →

sgcIndy

Enhanced Indy TCP/IP component suite with extended protocol support and performance optimizations for enterprise applications.

Learn more →

View pricing and editions Download the free trial

TESTIMONIALS

What Developers Say

Trusted by Delphi, C++ Builder, Lazarus and .NET developers building real-time applications around the world.

Your sgcWebSockets library is very useful and easy to setup. Keep up the good work!
Simone Moretti Delphi Developer
sgcWebSockets is amazing and your support is the best!
Christian Meyer Founder & CTO
Thanks so much for your help and support — I love your components.
Mark Steinfeld CTO

You are seeing the Full-Stack Web view of eSeGeCe.

Show me another angle →
30-Day Money-Back GuaranteeNot satisfied? Request a full refund within 30 days of purchase. See refund policy

Ship the Web UI Without Leaving Your IDE

Charts, grids, forms, dashboards and real-time pages, written in the language you already use, served by the server you already run. Full source, royalty-free deployment.

Download Free Trial View Pricing