Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>shadcn/ngNew to Visual Studio Code? Get it now.
shadcn/ng

shadcn/ng

Adrián UB

|
5 installs
| (0) | Free
| Sponsor
Integrate snippets from Shadcn/Ng directly into your IDE.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

shadcn/ngVS Code

Visual Studio Marketplace Version

This extension contains code snippets for shadcn-ng

Snippets

accordion

Trigger Content
cng-accordion→ https://ui.adrianub.dev/docs/components/accordion
cng-accordion→ https://ui.adrianub.dev/docs/components/accordion

alert

Trigger Content
cng-alert→ https://ui.adrianub.dev/docs/components/alert
cng-alert→ https://ui.adrianub.dev/docs/components/alert

avatar

Trigger Content
cng-avatar→ https://ui.adrianub.dev/docs/components/avatar
cng-avatar→ https://ui.adrianub.dev/docs/components/avatar

aspect-ratio

Trigger Content
cng-aspect-ratio→ https://ui.adrianub.dev/docs/components/aspect-ratio
cng-aspect-ratio→ https://ui.adrianub.dev/docs/components/aspect-ratio

badge

Trigger Content
cng-badge→ https://ui.adrianub.dev/docs/components/badge
cng-badge→ https://ui.adrianub.dev/docs/components/badge

button

Trigger Content
cng-button→ https://ui.adrianub.dev/docs/components/button
cng-button→ https://ui.adrianub.dev/docs/components/button

breadcrumb

Trigger Content
cng-breadcrumb→ https://ui.adrianub.dev/docs/components/breadcrumb
cng-breadcrumb→ https://ui.adrianub.dev/docs/components/breadcrumb

card

Trigger Content
cng-card→ https://ui.adrianub.dev/docs/components/card
cng-card→ https://ui.adrianub.dev/docs/components/card

collapsible

Trigger Content
cng-collapsible→ https://ui.adrianub.dev/docs/components/collapsible
cng-collapsible→ https://ui.adrianub.dev/docs/components/collapsible

dialog

Trigger Content
cng-dialog→ https://ui.adrianub.dev/docs/components/dialog
cng-dialog→ https://ui.adrianub.dev/docs/components/dialog

dropdown-menu

Trigger Content
cng-dropdown-menu→ https://ui.adrianub.dev/docs/components/dropdown-menu
cng-dropdown-menu→ https://ui.adrianub.dev/docs/components/dropdown-menu

input

Trigger Content
cng-input→ https://ui.adrianub.dev/docs/components/input
cng-input→ https://ui.adrianub.dev/docs/components/input

pagination

Trigger Content
cng-pagination→ https://ui.adrianub.dev/docs/components/pagination
cng-pagination→ https://ui.adrianub.dev/docs/components/pagination

progress

Trigger Content
cng-progress→ https://ui.adrianub.dev/docs/components/progress
cng-progress→ https://ui.adrianub.dev/docs/components/progress

separator

Trigger Content
cng-separator→ https://ui.adrianub.dev/docs/components/separator
cng-separator→ https://ui.adrianub.dev/docs/components/separator

skeleton

Trigger Content
cng-skeleton→ https://ui.adrianub.dev/docs/components/skeleton
cng-skeleton→ https://ui.adrianub.dev/docs/components/skeleton

sonner-toast

Trigger Content
cng-sonner-toast→ https://ui.adrianub.dev/docs/components/sonner

sonner-toaster

Trigger Content
cng-sonner-toaster→ https://ui.adrianub.dev/docs/components/sonner
cng-sonner-toaster→ https://ui.adrianub.dev/docs/components/sonner

switch

Trigger Content
cng-switch→ https://ui.adrianub.dev/docs/components/switch
cng-switch→ https://ui.adrianub.dev/docs/components/switch

table

Trigger Content
cng-table→ https://ui.adrianub.dev/docs/components/table
cng-table→ https://ui.adrianub.dev/docs/components/table

tabs

Trigger Content
cng-tabs→ https://ui.adrianub.dev/docs/components/tabs
cng-tabs→ https://ui.adrianub.dev/docs/components/tabs

textarea

Trigger Content
cng-textarea→ https://ui.adrianub.dev/docs/components/textarea
cng-textarea→ https://ui.adrianub.dev/docs/components/textarea

toggle

Trigger Content
cng-toggle→ https://ui.adrianub.dev/docs/components/toggle
cng-toggle→ https://ui.adrianub.dev/docs/components/toggle

Sponsors

License

MIT License © 2025-PRESENT Adrián UB

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