Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>.NET CSHTML Visual DesignerNew to Visual Studio Code? Get it now.
.NET CSHTML Visual Designer

.NET CSHTML Visual Designer

sachin kore

|
108 installs
| (0) | Free
A drag-and-drop visual designer for .NET CSHTML using Bootstrap 5. Built for ASP.NET developers.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

✨ Features

widgets drag and drop--- properties----generatedcode----copy code in widgets red square means remove/delete widget blue for resize

  • Visual designer UI for CSHTML files

  • Bootstrap 5 layout and form components

  • Live code generation panel

  • Drag-and-drop support for:

    • Labels

    • Textboxes

    • Textareas

    • DateTime pickers -progress bar -navbar /menubar -model -number text -select / dropdownbox/combo box -radio button /option -checkbox /tick button -file upload -rangebutton -color picker -etc alot of improvements needed.... thanks for 50+ downloads

  • Responsive layout

  • Ideal for rapid ASP.NET Core Razor Page development bootstrap 5 classes applied automatically... you can also add by right side properties

scroll down to see code there generated code...copy code button is there WHEN YOU PASTE THE CODE AUTOMATICALLY INDENTATION DONE IN VS CODE(PROPER SPACING IN CODE)

📦 Installation

  1. Clone or download this repository.
  2. Open it in Visual Studio Code.
  3. Press F5 to launch the extension in an Extension Development Host window.
  4. Open a .cshtml file or run the command from Command Palette.

🚀 Usage

  1. Press Ctrl+Shift+P

cshtml Designer :Show .net cshtml visual designer

  1. Type Show .NET CSHTML Visual Designer
  2. A new panel will open with the visual UI
  3. Design your layout using drag-and-drop widgets
  4. Copy the generated HTML/C# Razor code from the bottom panel

🛠 Extension Settings

No settings currently required.

cshtml Designer :Show .net cshtml visual designer

🔧 Command

Command ID Description
dotnetdesigner.showDesigner Opens the Visual Designer Panel

if some functionality stuck just refresh it will work without losing current work.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft