eQuantic.UI

eQuantic.UI Documentation

First Steps

Start with eQuantic.UI

Simplify web development with C#. eQuantic.UI compiles your components to optimized TypeScript, offering the best of the .NET ecosystem with modern browser performance.

ASP.NET Core 8+

C# 12+ Support

Zero JS Runtime

Prerequisites

Make sure you have .NET SDK 8.0 or higher installed. The eQuantic.UI compiler depends on Node.js or Bun for generating final frontend bundles.

CLI Installation

The fastest way to get started is using our official templates. They come pre-configured with Tailwind CSS, Hot Reload, and SSR support.

# Install official templates
dotnet new install eQuantic.UI.Templates

# Create new application (choose your starter)
dotnet new equantic-app -n MyApp     # Full application
dotnet new equantic-minimal -n MyApp # Minimal setup (ideal for libraries)

Initial Configuration

In your Program.cs, configuration is declarative. The AddUI method is the entry point for all features.

builder.Services.AddUI(options =>
{
    options.ScanAssembly(typeof(Program).Assembly)
           .WithSsr()           // Required for SEO/Performance
           .UseTailwind()       // Automatic style engine
           .UseLucideIcons()    // Default icon pack
           .WithAssetVersioning(); // Automatic cache busting
});

var app = builder.Build();

app.UseStaticFiles();
app.UseServerActions(); // Important: must come before MapUI
app.MapUI();

app.Run();

Fundamental Concepts

Pure Composition

Everything is a component. Combine Stateless and Stateful components in a nested way to create complex and reusable patterns without complications.

Server Rendering (SSR)

The initial HTML is served directly by ASP.NET Core. This ensures the best initial response time, optimized SEO, and a smooth experience even on slow connections.

Real Hot Reload

Changes to your C# code are reflected instantly in the browser. The compiler detects modifications and only reloads the necessary parts.

Ready to go deeper?

Learn how to integrate eQuantic.UI with existing services and Server Actions.

Server-Side Integration