Código Abierto

Escribe UI en C#. Entrega JavaScript.

eQuantic UI compila tus componentes C# en paquetes TypeScript/JavaScript optimizados. Construye UIs reactivas con el lenguaje y las herramientas que ya conoces.

¿Por qué eQuantic UI?

Lo mejor de ambos mundos: productividad de C# con rendimiento de JavaScript.

Escribe UI en C#
Usa la sintaxis familiar de C# para definir tu interfaz. No se requiere JavaScript.
Compila a TypeScript
Compilación automática a paquetes TypeScript/JavaScript optimizados con Bun.
Acciones de Servidor
Comunicación fluida cliente-servidor con el atributo [ServerAction].
Hot Reload Empresarial
Retroalimentación instantánea durante el desarrollo con eqc --watch, manteniendo el estado.
Depuración C# Completa
El soporte nativo de Source Maps permite depurar el código C# directamente en las herramientas del navegador.
CSS Zero-runtime
Los estilos se extraen en tiempo de compilación a CSS estático, eliminando la carga en el cliente.
Soporte C# Moderno
Soporte total para características de C# 12, incluyendo Patrones Recursivos y using var.

Mira la Magia

Escribe UI declarativa en C#. El compilador genera TypeScript optimizado.

using eQuantic.UI.Core;
using eQuantic.UI.Components;

[Page("/counter")]
public class Counter : StatefulComponent
{
    [ServerAction]
    public async Task<int> IncrementOnServer(int value)
    {
        return value + 1;
    }

    public override ComponentState CreateState() => new CounterState();
}

public class CounterState : ComponentState<Counter>
{
    private int _count = 0;

    public override IComponent Build(RenderContext context)
    {
        return new Container {
            ClassName = "counter",
            Children = {
                new Heading($"Count: {_count}", 1),
                new Row {
                    Gap = "1rem",
                    Children = {
                        new Button {
                            Text = "+",
                            OnClick = () => SetState(() => _count++)
                        },
                        new Button {
                            Text = "Server +",
                            OnClick = async () => {
                                _count = await Component.IncrementOnServer(_count);
                                SetState(() => {});
                            }
                        }
                    }
                }
            }
        };
    }
}

Más de 20 Componentes Listos para Producción

Todo lo que necesitas para construir aplicaciones web modernas.

Diseño
Container
Row
Column
Grid
GridItem
Stack
Box
Flex
Entrada
TextInput
TextArea
Select
Checkbox
Radio
RadioGroup
Switch
Slider
Visualización
Text
Heading
Badge
Avatar
Card
Table<T>
List
Feedback
Alert
Toast
Spinner
Navegación
Button
Link
Navbar
Sidebar
Tabs
Breadcrumb
Overlay
Modal
Drawer

Empieza en Minutos

Instala la plantilla, crea tu primer componente y míralo funcionar en tu navegador.

Próximamente - Paquetes NuGet en desarrollo
# Install the template
dotnet new install eQuantic.UI.Templates

# Create a new app
dotnet new equantic-app -n MyApp
cd MyApp

# Run with hot reload
dotnet run

Construido sobre Tecnologias Probadas

C# / .NET 8
TypeScript
Bun
ASP.NET Core
Roslyn Compiler
Escribe UI en C#. Entrega JavaScript. | eQuantic Tech