@using RazorKit
@(Html.DataTable<Person>()
.Columns(c =>
{
    c.Field(f => f.Id).Visible(false);
    c.Field(f => f.Name).Title("Name");
})
.DataSource(ds => ds
    .URL(Url.Action("GetDataResult"))
    .Method("POST")
    .Naming(Convention.CamelCase))
.ServerSide(true)
.Render())

using RazorKit.DataTables;
[HttpPost]
public JsonResult GetDataResult(DataRequest request)
{
    var result = ctx.People.ToDataResult(request);
    return Json(result);
}

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
@using RazorKit
@(Html.Chart("canvasId")
    .Data(d => d
        .Labels("January", "February", "March", "April", "May", "June", "July")
        .Datasets(ds => ds
            .Line()
            .Label("Line Chart")
            .Data(65, 59, 80, 81, 56, 55, 40)))
    .Render())

<button id="alertButton">Show Alert</button>
@using RazorKit
@{
    var alert = 
    Html.Swal()             
    .Title("Good job!")
    .Text("You clicked the button!")
    .Icon("question")
    .Footer("footer of the alert");
}
<script>
    document.getElementById('alertButton').addEventListener('click', function () {
        @alert.Fire()
    });
</script>