Open Source

Écrivez l'UI en C#. Livrez du JavaScript.

eQuantic UI compile vos composants C# en bundles TypeScript/JavaScript optimisés. Créez des interfaces web réactives avec le langage et les outils que vous connaissez déjà.

Pourquoi eQuantic UI ?

Le meilleur des deux mondes : la productivité de C# avec la performance de JavaScript.

Écrivez l'UI en C#
Utilisez la syntaxe C# familière pour définir votre interface. Aucun JavaScript requis.
Compile en TypeScript
Compilation automatique en bundles TypeScript/JavaScript optimisés avec Bun.
Actions Serveur
Communication client-serveur fluide avec l'attribut [ServerAction].
Hot Reload Entreprise
Feedback instantané pendant le développement avec eqc --watch, tout en conservant l'état.
Débogage C# Complet
Le support natif des Source Maps permet de déboguer votre code C# directement dans le navigateur.
CSS Zero-runtime
Les styles sont extraits à la compilation en CSS statique, éliminant la charge côté client.
Support C# Moderne
Support complet des fonctionnalités C# 12, y compris les Recursive Patterns et using var.

Découvrez la Magie

Écrivez une interface déclarative en C#. Le compilateur génère du TypeScript optimisé.

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(() => {});
                            }
                        }
                    }
                }
            }
        };
    }
}

Plus de 20 Composants Prêts pour la Production

Tout ce dont vous avez besoin pour créer des applications web modernes.

Mise en page
Container
Row
Column
Grid
GridItem
Stack
Box
Flex
Saisie
TextInput
TextArea
Select
Checkbox
Radio
RadioGroup
Switch
Slider
Affichage
Text
Heading
Badge
Avatar
Card
Table<T>
List
Feedback
Alert
Toast
Spinner
Navigation
Button
Link
Navbar
Sidebar
Tabs
Breadcrumb
Overlay
Modal
Drawer

Commencez en Quelques Minutes

Installez le template, créez votre premier composant et voyez-le fonctionner dans votre navigateur.

Bientôt Disponible - Paquets NuGet en développement
# 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

Bâti sur des Technologies Éprouvées

C# / .NET 8
TypeScript
Bun
ASP.NET Core
Roslyn Compiler
Écrivez l'UI en C#. Livrez du JavaScript. | eQuantic Tech