Ivy框架

Build Full-Stack Applications in Pure C\

Ivy is a modern C# framework that lets you build reactive full-stack web applications entirely in pure C# - using familiar React-style components, hooks, and declarative patterns. No frontend/backend split, no HTML/CSS/JS - just write type-safe C# code and ship beautiful, production-ready internal tools at lightning speed.

Quick Start   •   Docs   •   Samples   •   Examples   •   Current Sprint   •   Roadmap

🚀 Getting Started

• Project Initialization: Quickly set up new Ivy projects with predefined templates.
• AI-Powered App Generation: Generate applications using AI based on your specifications.
• MCP: Teach any coding agent to use Ivy Framework for building full-stack applications.

Want to help build Ivy Framework?

• Contribution Guidelines
• Internal Developer Wiki

Simple Example

Ivy takes a lot of inspiration from frameworks like React. If you know React, you'll feel right at home. Here's a simple counter app built with Ivy:

public class SimpleCounterApp : ViewBase
{
   public override object? Build()
   {
       var count = UseState(0);

       UseEffect(() =>
       {
           Console.WriteLine($"Count changed to: {count.Value}");
       }, [count]);

       return Layout.Vertical(
           Text.Block($"Count: {count.Value}"),
           new Button("Increment", onClick: _ => count.Set(count.Value + 1))
       );
   }
}

Usage

Quick Start

⚠️ Note: Ivy.Console is still in beta, and the agentic features require an account. Register for a free account to be among the first to try these features.

Make sure you have the following prerequisites installed: - .NET 10 SDK

1. Install Ivy CLI:

   dotnet tool install -g Ivy.Console
   

2. Install Vite+ CLI: Ivy uses the vp (Vite+) CLI for frontend orchestration. Install it globally:

   npm install -g vite-plus
   

1. Create a new project:

    ivy init --hello
    

1. Run:

   ivy run --browse
   

1. Open https://localhost:5010 in your browser.

You can also run ivy samples to see all the components that Ivy offers and ivy docs for documentation.

🎨 UI Components

• Forms: Create complex CRUD forms with validation and data binding.
• Data Tables: Sort, filter, and paginate data.
• Charts/Dashboards: Build interactive charts and dashboards with ease.

🔌 Integrations

• Authentication: Built-in support for popular authentication providers like Supabase, Auth0, Clerk, and Microsoft Entra.
• Database: Easy integration with SQL Server, Postgres, Supabase, MariaDB, MySQL, Airtable, Oracle, Google Spanner, Clickhouse, Snowflake, and BigQuery.