Tool tree
An open collection of expressive, interactive React components with live previews, tactile skeuomorphism, WebGL shaders, and shadcn CLI registry support.
Implementation
gradeNot graded
gradeNot graded
page: Every page
search_componentsAnswer
Search Flourish UI React components by keyword, style, or category name.
View tool JSON
{
"name": "search_components",
"kind": "answer",
"impl": "imperative",
"description": "Search Flourish UI React components by keyword, style, or category name.",
"inputSchema": {
"type": "object",
"properties": {
"query": {
"type": "string",
"description": "Search term or keyword (e.g. holographic, button, shader, dock)"
},
"category": {
"type": "string",
"description": "Category filter (e.g. Shaders & WebGL, Skeuomorphic & 3D, Canvas & Generative)"
}
}
},
"page": "/"
}get_componentAnswer
Retrieve component metadata, code dependencies, and shadcn CLI install command by slug.
View tool JSON
{
"name": "get_component",
"kind": "answer",
"impl": "imperative",
"description": "Retrieve component metadata, code dependencies, and shadcn CLI install command by slug.",
"inputSchema": {
"type": "object",
"properties": {
"slug": {
"type": "string",
"description": "The unique component slug (e.g. liquid-glass-folder-stack, bloom-select)"
}
},
"required": [
"slug"
]
},
"page": "/"
}get_component_sourceAnswer
Fetch the raw TypeScript/React component source code to view, analyze, or import directly.
View tool JSON
{
"name": "get_component_source",
"kind": "answer",
"impl": "imperative",
"description": "Fetch the raw TypeScript/React component source code to view, analyze, or import directly.",
"inputSchema": {
"type": "object",
"properties": {
"slug": {
"type": "string",
"description": "Component slug"
}
},
"required": [
"slug"
]
},
"page": "/"
}list_categoriesAnswer
List all component design categories and counts in Flourish UI.
View tool JSON
{
"name": "list_categories",
"kind": "answer",
"impl": "imperative",
"description": "List all component design categories and counts in Flourish UI.",
"inputSchema": {
"type": "object",
"properties": {}
},
"page": "/"
}get_install_commandAnswer
Get copy-ready shadcn CLI installation command for a Flourish UI component.
View tool JSON
{
"name": "get_install_command",
"kind": "answer",
"impl": "imperative",
"description": "Get copy-ready shadcn CLI installation command for a Flourish UI component.",
"inputSchema": {
"type": "object",
"properties": {
"slug": {
"type": "string",
"description": "Component slug"
},
"packageManager": {
"type": "string",
"description": "Package manager to generate command for",
"enum": [
"pnpm",
"npm",
"bun",
"yarn"
]
}
},
"required": [
"slug"
]
},
"page": "/"
}search_componentsAnswer
Search Flourish UI React components by keyword or category
View tool JSON
{
"name": "search_components",
"kind": "answer",
"impl": "declarative",
"description": "Search Flourish UI React components by keyword or category",
"inputSchema": {
"type": "object",
"properties": {
"search": {
"type": "string",
"description": "Component search query"
},
"category": {
"type": "string",
"description": "Optional category name"
}
}
},
"page": "/"
}get_componentAnswer
Retrieve component metadata, code dependencies, and shadcn install command by slug
View tool JSON
{
"name": "get_component",
"kind": "answer",
"impl": "declarative",
"description": "Retrieve component metadata, code dependencies, and shadcn install command by slug",
"inputSchema": {
"type": "object",
"properties": {
"slug": {
"type": "string",
"description": "Component slug (e.g. liquid-glass-folder-stack)"
}
},
"required": [
"slug"
]
},
"page": "/"
}list_categoriesAnswer
List all component categories in Flourish UI
View tool JSON
{
"name": "list_categories",
"kind": "answer",
"impl": "declarative",
"description": "List all component categories in Flourish UI",
"inputSchema": {
"type": "object",
"properties": {}
},
"page": "/"
}get_component_sourceAnswer
Fetch raw TypeScript/React component source code
View tool JSON
{
"name": "get_component_source",
"kind": "answer",
"impl": "declarative",
"description": "Fetch raw TypeScript/React component source code",
"inputSchema": {
"type": "object",
"properties": {
"slug": {
"type": "string",
"description": "Component slug"
}
},
"required": [
"slug"
]
},
"page": "/"
}