GridStack MCP Server
Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Capabilities
Server capabilities have not been inspected yet.
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| gridstack_initC | Initialize a new GridStack instance with specified options |
| gridstack_add_widgetC | Add a new widget to the grid |
| gridstack_remove_widgetC | Remove a widget from the grid |
| gridstack_update_widgetC | Update widget properties |
| gridstack_move_widgetC | Move a widget to a new position |
| gridstack_resize_widgetC | Resize a widget |
| gridstack_compactC | Compact the grid layout |
| gridstack_floatC | Enable or disable floating widgets |
| gridstack_columnC | Change the number of columns |
| gridstack_cell_heightC | Update cell height |
| gridstack_marginC | Update grid margin/gap |
| gridstack_batch_updateC | Enable/disable batch update mode for efficiency |
| gridstack_saveC | Save grid layout to JSON |
| gridstack_loadC | Load grid layout from JSON |
| gridstack_enableC | Enable or disable the grid |
| gridstack_destroyC | Destroy the grid instance |
| gridstack_get_grid_itemsC | Get all grid items |
| gridstack_set_responsiveC | Configure responsive breakpoints |
| gridstack_will_it_fitC | Check if a widget will fit at specified position |
| gridstack_is_area_emptyC | Check if an area is empty |
| gridstack_get_cell_heightC | Get current cell height |
| gridstack_get_cell_from_pixelC | Convert pixel coordinates to grid cell position |
| gridstack_onC | Add event listener |
| gridstack_offC | Remove event listener |
| gridstack_make_widgetC | Convert an existing DOM element into a grid widget |
| gridstack_remove_allC | Remove all widgets from the grid |
| gridstack_get_marginB | Get current margin values |
| gridstack_get_columnB | Get current number of columns |
| gridstack_get_floatC | Get current float state |
| gridstack_add_gridC | Create a new grid with options and children (static method) |
Prompts
Interactive templates invoked by user choice
| Name | Description |
|---|---|
No prompts | |
Resources
Contextual data attached and managed by the client
| Name | Description |
|---|---|
| GridStack API Documentation | Complete GridStack API reference |
| Basic GridStack Example | Simple GridStack implementation |
| Responsive GridStack Example | Responsive grid with breakpoints |
| React Integration | GridStack with React component |
| Vue Integration | GridStack with Vue component |
| Dashboard Template | Complete dashboard layout template |
| Custom CSS Styles | Custom GridStack styling examples |
| Tailwind CSS Integration | Complete Tailwind CSS setup for GridStack |
| CSS Modules Examples | Component-scoped CSS modules for GridStack |
| Tailwind Dashboard Example | Modern dashboard using Tailwind CSS |
Latest Blog Posts
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/raghavsharma-simpplr/gridstack-mcp-server'
If you have feedback or need assistance with the MCP directory API, please join our Discord server