✨ Enterprise UI Components

Beautiful Components for .NET & Modern Web

50+ production-ready components built for ASP.NET Core, Blazor, and modern web. Ship stunning UIs in days, not weeks.

Browse Components Get Started Free
📦
50+

UI Components

📱
100%

Responsive

♿
WCAG

Accessible

🔓
0

Dependencies

50+ Production-Ready Components

Fully customizable, accessible, and thoroughly tested

🔘

Button

Customizable buttons with variants

📋

Card

Flexible card layout component

🏷️

Badge

Status and category badges

👤

Avatar

User profile avatars

📝

Input

Form inputs with validation

📊

Table

Data tables with sorting

🪟

Modal

Dialog and modal windows

🔔

Toast

Notification messages

🧭

Navbar

Navigation bar component

📱

Sidebar

Collapsible sidebar menu

▼

Dropdown

Dropdown menu component

📄

Pagination

Page navigation

📑

Tabs

Tabbed content sections

📂

Accordion

Collapsible content panels

💬

Tooltip

Contextual help tooltips

⏳

Spinner

Loading indicators

☑️

Checkbox

Checkbox input control

⭕

Radio

Radio button input

🔘

Toggle

Toggle switch control

📍

Stepper

Multi-step form indicator

🔗

Breadcrumb

Navigation breadcrumbs

📈

Progress

Progress indicators

🏷️

Chip

Compact component tags

📋

Select

Dropdown select input

📄

Textarea

Multi-line text input

View Full Documentation →

Perfect for .NET Projects

Built specifically for enterprise .NET developers

🔗 Seamless .NET Integration

Works perfectly with ASP.NET Core, Blazor, and Razor Pages. Drop in components without configuration.

✨ Zero setup time

🛡️ Type-Safe Development

Full TypeScript support ensures type safety across your frontend and backend .NET services.

✨ Catch errors at compile time

⚡ Blazor Compatible

Use these components directly in Blazor Server and WebAssembly applications with interop support.

✨ C# all the way

🔌 API-Ready

Designed to work seamlessly with .NET REST and GraphQL APIs out of the box.

✨ Connect backend data in minutes

⚙️ Performance Optimized

Lightweight components reduce bundle size and improve load times in .NET web apps.

✨ Better user experience

🏢 Enterprise-Grade

Built for large .NET projects with accessibility, security, and maintainability first.

✨ Mission-critical ready

Blazor Integration

🔷 Blazor Component

@foreach(var user in users) {
  <Card>
    <Avatar name="@user.Name" />
    <Badge>@user.Status</Badge>
    <Button>View Profile</Button>
  </Card>
}

⚡ Razor Pages

@foreach(var user in Model.Users) {
  <partial name="_UserCard" 
    model="user" />
}

<td:button variant="primary">
  Get Started
</td:button>

Why TD for Your .NET Projects?

  • ⚡

    Save Development Time

    Don't build buttons from scratch. Use ready-made components and focus on business logic.

  • 🎨

    Fully Customizable

    Built with Tailwind CSS. Change colors and styles without touching component code.

  • 📱

    Mobile Ready

    All components are responsive by default. Works on desktop, tablet, and mobile.

  • ♿

    Accessible

    WCAG 2.1 AA compliant. Best experience for all users.

  • 🔒

    Enterprise Security

    Built with security best practices. Perfect for mission-critical applications.

  • 📚

    Comprehensive Docs

    Detailed guides, code examples, and integration tutorials.

🚀

Ready to Build?

Start using TD in your next .NET project.

Create Free Account

Works With Your Tech Stack

🔷

ASP.NET Core

Razor Pages, MVC, and Web API ready

npm install @td-ui/aspnet
⚡

Blazor

Blazor Server and WebAssembly support

dotnet add package TD.Blazor
⚛️

React & Next.js

Full React component library

npm install @td-ui/react

Start Building Faster Today

Join thousands of developers using TD UI Library

View All Components Get Started Free