Open Source
Escreva UI em C#. Entregue JavaScript.
eQuantic UI compila os seus componentes C# para pacotes TypeScript/JavaScript otimizados. Construa UIs reativas com a linguagem e as ferramentas que já conhece.
Porque o eQuantic UI?
O melhor dos dois mundos: produtividade C# com performance JavaScript.
Escreva UI em C#
Use a sintaxe C# familiar para definir a sua UI. Sem necessidade de JavaScript.
Compila para TypeScript
Compilação automática para pacotes TypeScript/JavaScript otimizados com Bun.
Server Actions
Comunicação cliente-servidor sem interrupções com o atributo [ServerAction].
Enterprise Hot Reload
Feedback instantâneo durante o desenvolvimento com eqc --watch, mantendo o estado da aplicação.
Debugging C# Completo
Suporte nativo a Source Maps permite depurar o seu código C# directamente no DevTools do navegador.
CSS Zero-runtime
Estilos são extraídos em tempo de compilação para CSS estático, eliminando o custo de processamento no cliente.
Suporte a C# Moderno
Suporte total a funcionalidades do C# 12, incluindo Recursive Patterns, using var e switch expressions avançadas.
Veja a Magia
Escreva UI declarativa em C#. O compilador gera TypeScript otimizado.
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(() => {});
}
}
}
}
}
};
}
}Mais de 20 Componentes Prontos para Produção
Tudo o que precisa para construir aplicações web modernas.
Layout
Container
Row
Column
Grid
GridItem
Stack
Box
Flex
Input
TextInput
TextArea
Select
Checkbox
Radio
RadioGroup
Switch
Slider
Exibição
Text
Heading
Badge
Avatar
Card
Table<T>
List
Feedback
Alert
Toast
Spinner
Navegação
Button
Link
Navbar
Sidebar
Tabs
Breadcrumb
Overlay
Modal
Drawer
Comece em Minutos
Instale o template, crie o seu primeiro componente e veja-o a correr no seu navegador.
Em Breve - Pacotes NuGet em desenvolvimento
# 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 runConstruído sobre Tecnologias Comprovadas
C# / .NET 8
TypeScript
Bun
ASP.NET Core
Roslyn Compiler