{"ok":true,"result":{"slug":"css-triangle-generator","name":"CSS Triangle Generator","summary":"Generate CSS for a triangle pointing in any of eight directions, as the classic border trick and as clip-path, plus a tooltip arrow for straight directions.","description":"Make pure CSS triangles and tooltip arrows in 8 directions. Set width, height and colour, preview live, and copy border-based CSS or a clip-path version.","method":"POST","endpoint":"/api/v1/tools/css-triangle-generator","plan":"free","mcpName":"css_triangle_generator","input":{"type":"object","additionalProperties":false,"properties":{"direction":{"type":"string","description":"Which way the triangle points.","default":"up","enum":["up-left","up","up-right","left","right","down-left","down","down-right"],"maxLength":200000},"width":{"type":"number","description":"Width in px.","default":20,"minimum":1,"maximum":1000},"height":{"type":"number","description":"Height in px.","default":20,"minimum":1,"maximum":1000},"color":{"type":"string","description":"Fill colour (hex, rgb(), hsl() or a name).","default":"#0f766e","maxLength":100}}},"example":{"direction":"down","width":24,"height":12,"color":"#0f766e"},"randomOutput":false,"network":false,"docs":"https://pithlab.com/developers/tools/css-triangle-generator","page":"https://pithlab.com/tools/css-triangle-generator"}}