Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Schema
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 |
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| gridstack_init | Initialize a new GridStack instance with specified options |
| gridstack_add_widget | Add a new widget to the grid |
| gridstack_remove_widget | Remove a widget from the grid |
| gridstack_update_widget | Update widget properties |
| gridstack_move_widget | Move a widget to a new position |
| gridstack_resize_widget | Resize a widget |
| gridstack_compact | Compact the grid layout |
| gridstack_float | Enable or disable floating widgets |
| gridstack_column | Change the number of columns |
| gridstack_cell_height | Update cell height |
| gridstack_margin | Update grid margin/gap |
| gridstack_batch_update | Enable/disable batch update mode for efficiency |
| gridstack_save | Save grid layout to JSON |
| gridstack_load | Load grid layout from JSON |
| gridstack_enable | Enable or disable the grid |
| gridstack_destroy | Destroy the grid instance |
| gridstack_get_grid_items | Get all grid items |
| gridstack_set_responsive | Configure responsive breakpoints |
| gridstack_will_it_fit | Check if a widget will fit at specified position |
| gridstack_is_area_empty | Check if an area is empty |
| gridstack_get_cell_height | Get current cell height |
| gridstack_get_cell_from_pixel | Convert pixel coordinates to grid cell position |
| gridstack_on | Add event listener |
| gridstack_off | Remove event listener |
| gridstack_make_widget | Convert an existing DOM element into a grid widget |
| gridstack_remove_all | Remove all widgets from the grid |
| gridstack_get_margin | Get current margin values |
| gridstack_get_column | Get current number of columns |
| gridstack_get_float | Get current float state |
| gridstack_add_grid | Create a new grid with options and children (static method) |