---
title: "Shoelace Web Components with ASP.NET Core"
url: https://daily.dev/posts/shoelace-web-components-with-asp-net-core-cmgimiahd
source_url: https://khalidabuhakmeh.com/shoelace-web-components-with-aspnet-core
type: article
source: "Khalid Abuhakmeh"
published: 2026-05-31T07:45:19.106Z
updated: 2026-05-31T09:00:33.792Z
tags: ["web-components", "aspnetcore"]
reading_time: 5
upvotes: 0
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Shoelace Web Components with ASP.NET Core

**[Khalid Abuhakmeh](https://daily.dev/sources/khalidabuhakmeh)** · 5 min read · 0 upvotes · 0 comments

## Summary

A practical guide to integrating Shoelace web components into ASP.NET Core Razor Pages applications. Covers adding Shoelace via CDN, creating a custom TagHelper for the sl-input component to enable ASP.NET Core model binding, and handling the flash-of-undefined-content issue with CSS and JavaScript solutions. Demonstrates how framework-agnostic web components can bring consistent UI to server-rendered .NET apps without heavy SPA build pipelines.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://khalidabuhakmeh.com/shoelace-web-components-with-aspnet-core>

---

Tags: [#web-components](https://daily.dev/tags/web-components), [#aspnetcore](https://daily.dev/tags/aspnetcore)

[View this post on daily.dev](https://daily.dev/posts/shoelace-web-components-with-asp-net-core-cmgimiahd)