Overview Version History Q & A Rating & Review
🚀 Kendo UI jQuery Component Snippets
A powerful VS Code extension that provides ready-to-use snippets for Kendo UI (jQuery) components.
Boost your development speed with quick, reusable UI components.
✨ Features
⚡ Instant Kendo UI component generation
🧩 Supports multiple components (Grid, Form, Dropdown, Chart, etc.)
💡 Works with JavaScript, HTML, Razor (.cshtml)
🚀 Multi-prefix support (e.g., kgrid, kendo-grid)
🎯 Compatible with Kendo UI jQuery 2022.1.119
🧩 Available Snippets
Prefix
Description
kgrid, kendo-grid
Kendo Grid
kdropdown
DropDownList
kdatepicker
DatePicker
kbutton
Button
kchart
Chart
kwindow
Window
knotify
Notification
kdatasource
DataSource
kform
Form
kcombo
ComboBox
kauto
AutoComplete
kdialog
Dialog
ktab
TabStrip
kpanel
PanelBar
ktooltip
Tooltip
knumeric
NumericTextBox
📦 Usage
Open a .js, .html, or .cshtml file
Type a snippet prefix (e.g., kgrid)
Press Tab or Enter
💻 Example
$("#grid").kendoGrid({
height: 400,
dataSource: [],
pageable: true,
sortable: true,
filterable: true
});
⚙️ Requirements
jQuery
Kendo UI for jQuery (2022.1.119 or compatible)
📁 Project Structure
kendo-ui-jquery-component-snippets/
│
├── snippets/
│ └── kendo.json
├── images/
├── package.json
├── README.md
└── LICENSE
🛠 Installation
From VSIX
Download .vsix file
Open VS Code
Go to Extensions → ... → Install from VSIX
👨💻 Author
Yuvraj Makwana
📌 Version
1.0.0
Initial release
Added 15+ Kendo UI component snippets
⭐ Support
If you like this extension:
⭐ Star the repository
🐛 Report issues
💡 Suggest new features
📄 License
MIT License