ST

Systra Tools

tools.systra/systra-tools

Search and pull 500+ production-ready React + Tailwind sections and elements

Yes, your AI can use this right now.Answered a live MCP handshake in 2103 ms with no sign-in needed and exposes 13 tools.

Connect it

Settings → Connectors → Add custom connector
URL: https://systra.tools/api/mcp

13 tools, verified live

Pulled straight from the server with tools/list on 2026-10-17.
list_categories

Lists every category of Systra Tools with the number of components in it.

list_components

Lists components of the library. Optionally filtered by category slug ('heros', 'forms', 'cta').

search_components

Searches components by a keyword in the name or the category and returns the matches.

get_component

Returns the complete, copy-ready React/TSX source of a component by its name.

list_styles

Lists the brand styles extracted with the style extractor (colours and fonts of real websites) that can be applied to components.

get_style

Returns every design token of an extracted brand style: colours, typography, CSS variables and the generated DESIGN.md.

get_component_styled

Returns a component together with the design tokens of a brand style and precise instructions for adapting it, so the component lands directly in your own brand look.

list_images

Lists the images of the Systra Tools media library (all AI-generated) with ready, permanently valid URLs to drop straight in. Optionally filtered by album and format.

search_images

Searches the media library (all images AI-generated) by a keyword in the title, the file name or the album and returns ready URLs.

list_posts

Lists the Instagram post templates of Systra Tools (1080 x 1350). Every template is a single HTML file that can be rebuilt and exported as an image or a video.

get_post

Returns a post template as a complete set of working instructions: the HTML file, the export script and the rules on what may be changed. With it the post can be rebuilt and rendered directly.

list_recipes

Lists curated page recipes: sensible sequences of sections for complete landing pages (SaaS, coaching, hotel and so on).

get_recipe

Returns a page recipe: the sequence of sections with the purpose of each one and the complete source of every section. Optionally in the look of a brand style.

Alternatives in Search & Research

Compare →
Try “Notion”, “Stripe”, “create invoice”, “browser”