Noundry.TagHelpers

A comprehensive collection of modern, performance-focused Tag Helpers for ASP.NET Core applications designed specifically for Tailwind CSS. Built with the latest .NET features and best practices to enhance your Razor pages and views with practical helpers, modern web APIs, and accessibility features - all optimized for Tailwind's utility-first approach.

🚀 Features

• Tailwind CSS First: Designed exclusively for Tailwind CSS utility classes
• Multi-Framework Support: Targets .NET 6.0, 8.0, and 9.0
• Modern C# 12: Leverages latest language features and patterns
• Utility-First Components: Form groups, alerts, validation optimized for Tailwind
• Advanced Authorization: Both AND and OR logic for multiple policies
• Web API Integration: Native browser APIs (Web Share, Intersection Observer, PWA)
• Performance First: Core Web Vitals monitoring, lazy loading
• Accessibility Built-in: ARIA attributes, keyboard navigation, screen reader support
• Type Safe: Full nullable reference types support
• Well Tested: Comprehensive NUnit test coverage with live examples

📦 Installation

Package Manager Console

Install-Package Noundry.TagHelpers

.NET CLI

dotnet add package Noundry.TagHelpers

PackageReference

<PackageReference Include="Noundry.TagHelpers" Version="1.0.0" />

⚙️ Setup

1. Register Tag Helpers in _ViewImports.cshtml:

@addTagHelper *, Noundry.TagHelpers

2. Optional Optimizations in Program.cs (recommended):

builder.Services.AddNoundryTagHelpers();

🌐 Live Examples

👀 See all tag helpers in action:

• Simple Examples - Basic working examples you can test immediately
• Forms & UI - Form groups, alerts, and validation
• Accessibility - ARIA and keyboard navigation
• Performance - Web Vitals monitoring
• Complete Demo - Full e-commerce example

🏷️ Tag Helper Reference

✅ Core Conditional Helpers (Production Ready)

asp-if / asp-unless - Conditional Rendering

<div asp-if="Model.ShowAlert" class="alert alert-info">
    This renders only when ShowAlert is true
</div>

<div asp-unless="Model.IsLoading" class="content">
    This renders only when IsLoading is false
</div>

asp-authz - Authorization-Based Rendering

<nav asp-authz="true">
    <a href="/dashboard">Dashboard</a>
</nav>

<admin-panel asp-authz-policy="AdminPolicy">
    Admin-only content
</admin-panel>

<!-- Multiple policies (ALL must be satisfied - AND logic) -->
<sensitive-content asp-authz-policy="AdminPolicy,PowerUserPolicy">
    Content requiring both Admin AND PowerUser policies
</sensitive-content>

<!-- Multiple policies (ANY must be satisfied - OR logic) -->
<moderator-panel asp-authz-policy-any="AdminPolicy,ModeratorPolicy">
    Content visible to Admins OR Moderators
</moderator-panel>

<!-- Single policy with OR logic -->
<user-content asp-authz-policy-any="UserPolicy">
    Content for users with UserPolicy
</user-content>

🌐 Modern Web API Helpers

lazy - Native Lazy Loading ✅

Adds browser-native lazy loading with optional placeholders:

<img src="large-image.jpg" alt="Description" lazy="true" />
<img src="image.jpg" lazy="true" lazy-placeholder="placeholder.jpg" />

web-share - Native Sharing API 📱

Uses Web Share API with smart fallbacks:

<share-button share-title="Amazing Product"
              share-text="Check this out!"
              fallback="copy">Share</share-button>

<button web-share="true" share-title="Quick Share" fallback="twitter">
    Share on Twitter
</button>

intersection-observe - Scroll Animations 🎭

Efficient scroll-triggered animations using Intersection Observer:

<div intersection-observe="true"
     observe-enter-class="fade-in-up"
     observe-once="true">
    Animates when scrolled into view
</div>

pwa-install - PWA Installation 📲

Progressive Web App installation prompts:

<pwa-install install-text="Install Our App"
             auto-prompt="true"
             auto-prompt-delay="5000">
    Install App
</pwa-install>

asp-auto-hide - Automatic Element Hiding 🎭

Automatically hide elements after a specified delay with smooth animations:

<!-- Auto-hide alert after 5 seconds -->
<alert alert-type="success" 
       asp-auto-hide="true"
       asp-auto-hide-delay="5"
       asp-auto-hide-effect="fade">
    Operation completed successfully!
</alert>

<!-- Custom auto-hide component with slide effect -->
<asp-auto-hide asp-auto-hide-delay="10" 
               asp-auto-hide-effect="slide-up"
               asp-auto-hide-debug="true"
               class="bg-blue-50 border border-blue-200 text-blue-800 p-4 rounded-lg">
    This notification will slide up and disappear in 10 seconds.
    Hover to pause the timer.
</asp-auto-hide>

<!-- Auto-hide with pause on hover -->
<div asp-auto-hide="true" 
     asp-auto-hide-delay="8"
     asp-auto-hide-pause-on=".notification-area"
     class="fixed top-4 right-4 bg-green-500 text-white p-4 rounded-lg shadow-lg">
    Temporary notification that pauses when hovering over notification area
</div>

<!-- Advanced auto-hide with DOM removal -->
<div asp-auto-hide="true"
     asp-auto-hide-delay="15"
     asp-auto-hide-effect="scale"
     asp-auto-hide-duration="500"
     asp-auto-hide-remove="true"
     asp-auto-hide-start="false"
     id="custom-notification"
     class="transform transition-all duration-500 bg-indigo-100 border border-indigo-300 text-indigo-800 p-4 rounded-lg">
    This element will be completely removed from DOM.
    <button onclick="window.autoHide_custom_notification.start()" 
            class="ml-2 px-2 py-1 bg-indigo-200 rounded text-xs">
        Start Timer
    </button>
</div>

JavaScript API for Programmatic Control:

// Access the auto-hide controls
const controls = window.autoHide_[elementId];

// Start or restart the timer
controls.start();

// Hide immediately with animation
controls.hide();

// Cancel the timer
controls.cancel();

📋 Form & UI Helpers (Tailwind CSS)

form-group - Tailwind Form Groups

Create complete Tailwind CSS form groups with labels, inputs, and validation:

<form-group asp-for="Email" 
            label="Email Address"
            help-text="We'll never share your email"
            placeholder="Enter email address"
            required="true">
</form-group>

<form-group asp-for="Password" 
            input-type="password"
            input-class="block w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500"
            show-validation="true">
</form-group>

alert - Tailwind Alert Components

Create styled alerts with dismissal and auto-dismiss using Tailwind utility classes:

<alert alert-type="success" 
       dismissible="true"
       title="Success!"
       icon="heroicon-o-check-circle">
    Your changes have been saved successfully.
</alert>

<alert alert-type="warning" 
       auto-dismiss="5000"
       css-class="shadow-lg">
    This alert will disappear in 5 seconds.
</alert>

validation-message - Tailwind Validation

Tailwind CSS validation messages with utility class styling:

<validation-message asp-validation-for="Email" 
                    css-class="mt-1 text-sm text-red-600">
</validation-message>

<validation-message custom-message="Please enter a valid email address"
                    css-class="text-red-500 text-xs mt-1">
</validation-message>

Enhanced datalist - Richer Data Lists

Support for both simple strings and SelectListItem collections:

<!-- Simple string list -->
<datalist id="colors" asp-list="@Model.Colors">
</datalist>

<!-- SelectListItem with labels and values -->
<datalist id="countries" asp-items="@Model.Countries">
</datalist>
<input list="countries" name="country" />

🎯 SEO & Accessibility Helpers

seo - Comprehensive SEO Meta Tags ✅

<seo title="Amazing Product - My Store"
     description="Product description here"
     canonical="https://mystore.com/products/amazing"
     og-title="Amazing Product"
     og-image="https://mystore.com/images/product.jpg"
     twitter-card="summary_large_image" />

json-ld - Structured Data ✅

<json-ld type="Product" data="@(new {
    name = product.Name,
    description = product.Description,
    offers = new {
        price = product.Price,
        priceCurrency = "USD"
    }
})" />

time-ago - Relative Time Display ✅

<time-ago time-ago="@Model.CreatedAt" show-tooltip="true"></time-ago>
<span time-ago="@comment.PostedAt">Posted</span>

a11y-* - Accessibility Enhancement ✅

<button a11y-role="button"
        a11y-label="Save document changes"
        a11y-description="Saves all current changes">
    Save
</button>

<div a11y-role="progressbar"
     a11y-valuemin="0"
     a11y-valuemax="100"
     a11y-valuenow="75">
    Progress: 75%
</div>

⚡ Performance & Monitoring

perf-monitor - Performance Tracking 📊

<main perf-monitor="true"
      perf-critical="true"
      perf-vitals="LCP,FID,CLS"
      perf-budget="2000">
    Critical content being monitored
</main>

📄 Content Helpers

markdown - Markdown Rendering ✅

<markdown allow-html="true">
# Hello World
This is **bold** and *italic* text.
- List item 1
- List item 2
</markdown>

view-component - Declarative Components ✅

<view-component name="NavigationMenu" />
<view-component name="ProductList" params='new { Category = "Electronics" }' />

🎯 Live Demo Examples

Quick Start Examples

Visit our Simple Examples page to see basic tag helpers working immediately:

<!-- These work out of the box -->
<div asp-if="true">Always visible</div>
<div asp-unless="false">Always visible too</div>
<img lazy="true" src="image.jpg" />
<time-ago time-ago="@DateTime.Now.AddHours(-2)"></time-ago>
<button a11y-label="Save document">Save</button>

Form & UI Examples

Explore our Forms & UI Examples for practical Tailwind patterns:

<!-- Tailwind form components with auto-hide success message -->
<form method="post">
    <form-group asp-for="Email" 
                label="Email" 
                required="true"
                container-class="mb-6">
    </form-group>
    
    <button type="submit" 
            class="w-full bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors">
        Submit
    </button>
</form>

<!-- Success message that auto-hides after form submission -->
<alert alert-type="success" 
       asp-auto-hide="true"
       asp-auto-hide-delay="6"
       asp-auto-hide-effect="slide-up"
       css-class="mb-4 shadow-md">
    Form submitted successfully! This message will disappear in 6 seconds.
</alert>

<!-- Toast notification example -->
<asp-auto-hide asp-auto-hide-delay="5"
               asp-auto-hide-effect="fade"
               class="fixed top-4 right-4 bg-green-500 text-white p-4 rounded-lg shadow-lg z-50">
    🎉 Welcome! This greeting will fade away automatically.
</asp-auto-hide>

Complete E-commerce Demo

See Complete Demo for a full product page showcasing all features together.

🌟 Real-World Usage Examples

E-commerce Product Page (Tailwind CSS)

@model ProductViewModel

<!-- SEO and Social Media -->
<seo title="@Model.Product.Name - Modern E-commerce Store"
     description="@Model.Product.Description"
     og-image="@Model.Product.MainImageUrl"
     og-type="product" />

<json-ld type="Product" data="@Model.StructuredData" />

<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
        <!-- Product Images -->
        <div class="space-y-4">
            <!-- Hero Image with Performance Optimization -->
            <img src="@Model.Product.MainImageUrl" 
                 alt="@Model.Product.Name"
                 perf-preload="preload"
                 perf-critical="true"
                 class="w-full h-96 object-cover rounded-lg shadow-md" />
            
            <!-- Product Gallery with Lazy Loading -->
            <div class="grid grid-cols-4 gap-2">
                @foreach(var image in Model.Product.Images)
                {
                    <img src="@image.Url" 
                         alt="@image.Alt"
                         lazy="true"
                         lazy-placeholder="~/images/placeholder.jpg"
                         class="w-full h-20 object-cover rounded cursor-pointer hover:opacity-75 transition-opacity" />
                }
            </div>
        </div>
        
        <!-- Product Details -->
        <div class="space-y-6">
            <div>
                <h1 class="text-3xl font-bold text-gray-900">@Model.Product.Name</h1>
                <p class="text-gray-600 mt-2">@Model.Product.Description</p>
            </div>
            
            <!-- Dynamic Pricing Display -->
            <div class="flex items-center space-x-4">
                <span class="text-3xl font-bold text-gray-900" 
                      class-if="@Model.Product.HasDiscount:line-through,text-gray-500">
                    $@Model.Product.Price
                </span>
                
                <span asp-if="@Model.Product.HasDiscount" 
                      class="text-3xl font-bold text-red-600">
                    $@Model.Product.SalePrice
                </span>
            </div>
            
            <!-- Purchase Form -->
            <form method="post" class="space-y-4">
                <form-group asp-for="SelectedVariant" 
                            label="Product Variant"
                            required="true"
                            container-class="mb-4">
                </form-group>
                
                <button type="submit" 
                        asp-unless="@Model.Product.InStock"
                        class="w-full bg-indigo-600 text-white py-3 px-6 rounded-lg hover:bg-indigo-700 transition-colors font-medium"
                        asp-authz-policy-any="CustomerPolicy,GuestPolicy">
                    Add to Cart
                </button>
                
                <alert asp-unless="@Model.Product.InStock"
                       alert-type="warning"
                       css-class="mt-4">
                    This product is currently out of stock
                </alert>
                
                <!-- Success message with auto-hide after adding to cart -->
                <alert asp-if="@TempData["CartSuccess"]" 
                       alert-type="success"
                       asp-auto-hide="true"
                       asp-auto-hide-delay="4"
                       asp-auto-hide-effect="slide-up"
                       css-class="mt-4">
                    @TempData["CartSuccess"]
                </alert>
                
                <!-- Admin/Moderator only features -->
                <div asp-authz-policy-any="AdminPolicy,ModeratorPolicy" 
                     class="flex space-x-2 pt-4 border-t border-gray-200">
                    <button class="px-3 py-1 text-sm bg-gray-100 text-gray-700 rounded hover:bg-gray-200 transition-colors">
                        Edit Product
                    </button>
                    <button class="px-3 py-1 text-sm bg-red-100 text-red-700 rounded hover:bg-red-200 transition-colors">
                        Delete Product
                    </button>
                </div>
                
                <!-- Super admin only (requires ALL policies) -->
                <div asp-authz-policy="AdminPolicy,SuperUserPolicy" 
                     class="pt-2">
                    <button class="px-4 py-2 bg-yellow-500 text-white rounded hover:bg-yellow-600 transition-colors">
                        Bulk Operations
                    </button>
                </div>
            </form>
            
            <!-- Social Sharing -->
            <share-button share-title="@Model.Product.Name"
                          share-text="Check out this amazing product!"
                          share-url="@Url.Action("Details", new { id = Model.Product.Id })"
                          fallback="copy"
                          class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors">
                Share Product
            </share-button>
        </div>
    </div>
    
    <!-- Customer Reviews -->
    <div class="mt-12">
        <h3 class="text-2xl font-bold text-gray-900 mb-6">
            Customer Reviews (@Model.Reviews.Count)
        </h3>
        <div class="space-y-4 max-h-96 overflow-y-auto">
            @foreach(var review in Model.Reviews)
            {
                <div class="bg-gray-50 rounded-lg p-4 border border-gray-200">
                    <div class="flex items-center justify-between mb-2">
                        <h4 class="font-semibold text-gray-900">@review.CustomerName</h4>
                        <div class="flex items-center">
                            @for(int i = 1; i <= 5; i++)
                            {
                                <svg asp-if="@(i <= review.Rating)" 
                                     class="w-4 h-4 text-yellow-400 fill-current" 
                                     viewBox="0 0 20 20">
                                    <path d="M10 15l-5.878 3.09 1.123-6.545L.489 6.91l6.572-.955L10 0l2.939 5.955 6.572.955-4.756 4.635 1.123 6.545z"/>
                                </svg>
                                <svg asp-unless="@(i <= review.Rating)" 
                                     class="w-4 h-4 text-gray-300 fill-current" 
                                     viewBox="0 0 20 20">
                                    <path d="M10 15l-5.878 3.09 1.123-6.545L.489 6.91l6.572-.955L10 0l2.939 5.955 6.572.955-4.756 4.635 1.123 6.545z"/>
                                </svg>
                            }
                        </div>
                    </div>
                    <p class="text-gray-700 mb-2">@review.Comment</p>
                    <time-ago time-ago="@review.CreatedAt" 
                              class="text-sm text-gray-500"></time-ago>
                </div>
            }
        </div>
    </div>
</div>

<!-- Performance Monitoring -->
<div perf-monitor="true" 
     perf-vitals="LCP,FID,CLS"
     perf-budget="3000"
     class="min-h-screen">
    <!-- Critical page content -->
</div>

Accessible Dashboard (Tailwind CSS)

<main a11y-role="main" 
      a11y-skip-link="Skip to dashboard content"
      class="min-h-screen bg-gray-50">
    
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <!-- Status Updates -->
        <div id="statusRegion" 
             a11y-live="polite" 
             a11y-role="status"
             class="mb-6 p-4 bg-green-50 border border-green-200 rounded-lg text-green-800">
            Dashboard loaded successfully
        </div>
        
        <!-- Navigation Tabs -->
        <nav a11y-role="navigation" 
             a11y-label="Dashboard sections"
             class="mb-8">
            <div a11y-role="tablist" 
                 class="flex space-x-1 bg-gray-100 p-1 rounded-lg">
                <button a11y-role="tab" 
                        a11y-controls="overview"
                        a11y-selected="true"
                        class="flex-1 py-2 px-4 text-sm font-medium text-gray-900 bg-white rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500">
                    Overview
                </button>
                <button a11y-role="tab" 
                        a11y-controls="analytics"
                        a11y-selected="false"
                        class="flex-1 py-2 px-4 text-sm font-medium text-gray-500 hover:text-gray-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 rounded-md">
                    Analytics
                </button>
            </div>
        </nav>
        
        <!-- PWA Installation -->
        <pwa-install auto-prompt="true" 
                     installable-class="animate-pulse"
                     class="inline-flex items-center px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors">
            Install Dashboard App
        </pwa-install>
    </div>
</main>

🎨 Tailwind CSS Integration

Noundry.TagHelpers is designed exclusively for Tailwind CSS and provides seamless integration with Tailwind's utility-first approach:

Product Cards with Tailwind

<div class="bg-white rounded-lg shadow-md overflow-hidden" 
     class-if="@Model.IsFeatured:ring-2,ring-blue-500"
     intersection-observe="true"
     observe-enter-class="animate-fade-in">
    <img lazy="true" src="@Model.ImageUrl" 
         class="w-full h-48 object-cover" 
         alt="@Model.Name" />
    <div class="p-6">
        <h3 class="text-lg font-semibold text-gray-900">@Model.Name</h3>
        <p class="text-gray-600 mt-2">@Model.Description</p>
        <time-ago time-ago="@Model.CreatedAt" 
                  class="text-sm text-gray-500 mt-3 block"></time-ago>
    </div>
</div>

Form Layout with Tailwind

<div class="max-w-md mx-auto bg-white rounded-lg shadow-md p-6">
    <form-group asp-for="Email" 
                label="Email Address"
                help-text="We'll send you updates"
                container-class="mb-6">
    </form-group>
    
    <form-group asp-for="Password" 
                input-type="password"
                label-class="block text-sm font-medium text-gray-700 mb-2"
                input-class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent">
    </form-group>
    
    <button type="submit" 
            class="w-full bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors">
        Sign In
    </button>
</div>

Alert Notifications with Tailwind

<alert alert-type="success" 
       dismissible="true"
       asp-auto-hide="true"
       asp-auto-hide-delay="5"
       css-class="max-w-md mx-auto shadow-lg">
    Account created successfully!
</alert>

<alert alert-type="error" 
       title="Validation Error"
       css-class="border-l-4 border-red-500">
    Please fix the errors below.
</alert>

<!-- Toast notification stack -->
<div class="fixed top-4 right-4 space-y-2 z-50">
    <asp-auto-hide asp-auto-hide-delay="3"
                   asp-auto-hide-effect="slide-up"
                   class="bg-green-500 text-white p-4 rounded-lg shadow-lg">
        File uploaded successfully
    </asp-auto-hide>
    
    <asp-auto-hide asp-auto-hide-delay="6"
                   asp-auto-hide-effect="fade"
                   class="bg-blue-500 text-white p-4 rounded-lg shadow-lg">
        Processing started...
    </asp-auto-hide>
</div>

🔧 Configuration Options

Service Registration

// Program.cs
var builder = WebApplication.CreateBuilder(args);

// Basic registration (recommended)
builder.Services.AddNoundryTagHelpers();

// Advanced configuration
builder.Services.Configure<TagHelperOptions>(options =>
{
    options.EnablePerformanceMonitoring = true;
    options.DefaultLazyLoadingPlaceholder = "~/images/default-placeholder.svg";
    options.PerformanceEndpoint = "/api/metrics";
});

📊 Performance Benefits

Before vs After

Core Web Vitals Impact

• LCP Improvement: Up to 40% faster with lazy loading and critical resource hints
• FID Reduction: Better responsiveness with performance monitoring
• CLS Prevention: Proper image dimensions and loading states

🧪 Browser Support

Fully Supported (All Features)

• Chrome 80+
• Firefox 75+
• Safari 14+
• Edge 80+

Graceful Degradation

• Lazy Loading: Falls back to immediate loading
• Web Share: Falls back to clipboard/social links
• Intersection Observer: Falls back to immediate display
• PWA Install: Hidden on unsupported browsers

🚀 What's New in This Version

🆕 New Tag Helpers Added

• form-group - Complete Tailwind CSS form groups with labels and validation
• alert - Tailwind CSS alert components with dismissal and auto-dismiss
• validation-message - Enhanced validation messages with Tailwind styling
• asp-auto-hide - Automatic element hiding with smooth animations and hover pause
• asp-unless - Complement to asp-if for negated conditional rendering
• asp-authz-policy-any - OR logic authorization (ANY policy must be satisfied)

🔄 Enhanced Existing Helpers

• asp-authz-policy - Now supports multiple comma-separated policies (ALL must be satisfied - AND logic)
• asp-authz-policy-any - NEW attribute for OR logic (ANY policy must be satisfied)
• datalist - Added support for SelectListItem collections with labels and values
• seo - Added Twitter Cards and Open Graph
• json-ld - Enhanced Schema.org support
• time-ago - Added tooltip customization
• lazy - Added placeholder support

🧹 Removed Components

• Removed React-inspired helpers - Simplified the library to focus on practical ASP.NET Core scenarios
• Cleaned up documentation - More focused on .NET developers' real-world needs

🏗️ Framework Improvements

• Multi-targeting: .NET 6.0, 8.0, and 9.0
• Modern C#: C# 12 features and nullable reference types
• Performance: Optimized for modern web standards
• Testing: Migrated from XUnit to NUnit with comprehensive test coverage
• Project Structure: Reorganized to clean src/, docs/, examples/, tests/ structure

🤝 Contributing

We welcome contributions! Please see our Contributing Guide for details on:

• Code style guidelines
• Testing requirements
• Submitting pull requests
• Reporting issues

Development Setup

git clone https://github.com/noundry/TagHelpers.git
cd TagHelpers
dotnet restore
dotnet build
dotnet test

Running Examples

cd examples/Noundry.TagHelpers.Sample
dotnet run
# Navigate to https://localhost:5001/examples/simple

📁 Repository Structure

Noundry.TagHelpers/
├── src/                           # Source code
│   └── Noundry.TagHelpers/        # Main library project
├── tests/                         # Unit tests (NUnit)
│   └── Noundry.TagHelpers.Tests/
├── examples/                      # Sample applications
│   └── Noundry.TagHelpers.Sample/
├── docs/                          # Documentation
│   └── CONTRIBUTING.md
├── README.md
└── CHANGELOG.md

📊 Benchmarks

Performance comparisons for common scenarios:

🔗 Related Projects

• ASP.NET Core - The web framework
• Markdig - Markdown processing
• HtmlSanitizer - HTML sanitization

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

This project builds upon and extends the excellent work from several sources:

• Original TagHelperPack by Damian Edwards - Foundation, inspiration, and many core concepts
• Modern TagHelperPack by PLSFT - Enhanced features and modern implementations
• ASP.NET Core Team - Excellent framework and Tag Helper infrastructure
• Open Source Community - Feedback, contributions, and continuous improvements

Special thanks to all the contributors who helped shape this library into a practical, powerful tool for ASP.NET Core developers.

📞 Support & Community

• 🐛 Issues: GitHub Issues
• 💬 Discussions: GitHub Discussions
• 📖 Documentation: Wiki
• 📧 Contact: noundry@example.com

⭐ Star this repo if Noundry.TagHelpers helps you build better web applications!

Made with 🚀 by Noundry for the ASP.NET Core community