Search and pull 500+ production-ready React + Tailwind sections and elements
Quick Install
Automated & IDE SetupCopy the AI prompt to install this server into Claude Code, Cursor, or another agent — or use 1-click editor setup below.
One-click editor setup isn’t available for this listing yet — we don’t have a confirmed install command, and we’d rather show nothing than point your editor at the wrong package or host. Follow the project’s own setup instructions, linked above.
Manual Client & Custom JSON ConfigExpand JSON â–¾
No confirmed setup config for this listing yet. We only publish a config block when the install details come from the project itself — its README, its docs, or a verified owner. We haven’t found those for Systra Tools, and we’d rather show nothing than a guess you’d paste into your client. Follow the project’s own setup instructions for the current steps.
Documentation Overview
Systra Tools
620+ production-ready React + Tailwind sections and elements,
searchable by your coding agent over MCP.
Your AI can code. It just has no taste. This plugin gives it a source of finished UI instead of another purple gradient: 37 categories, 18 page recipes, and a style extractor that recolours any component to match a real brand. Everything is React, TypeScript and Tailwind with no runtime dependency, so once a component lands in your project it is your code.
Install
Cursor
Click the button above, or add the plugin from
cursor.directory, or configure it by hand in
~/.cursor/mcp.json:
Claude Code
VS Code, Windsurf and anything else that speaks MCP
Point an HTTP MCP server at https://systra.tools/api/mcp and send your key
as Authorization: Bearer <key>.
Your key
Create one at systra.tools/mcp and put it in the
environment as SYSTRA_MCP_KEY. A free account reaches a limited set of
components, full access needs Premium. Do not commit the key.
What the agent gets
| Tool | What it does |
|---|---|
list_categories | 37 categories with counts |
list_components, search_components | find a section by intent |
get_component | the full source |
list_recipes, get_recipe | an ordered page, 18 recipes |
list_styles, get_style, get_component_styled | the same component in a real brand's colours and fonts |
list_images, search_images | imagery with permanent URLs |
list_posts, get_post | social post templates |
Largest categories: elements (78), heroes (76), features (38), interaktiv (29), gallery (25), gsap (22), stats (22), trust (19), dashboard (18).
What is in this repository
A rule, two skills and the MCP configuration. That is all a plugin is. The component library itself lives behind the MCP server.
MIT for the configuration in this repository. The library is licensed separately, see systra.tools.
Related MCP Servers
Reviews
No reviews yet — be the first to share how this listing worked for you.
Frequently Asked Questions about Systra Tools
AllMCPs Directory Badge
Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.
Badge Style:
Live Dynamic SVG Preview
Markdown (GitHub README)
[](https://allmcps.com/mcp/systra-tools)HTML Embed
<a href="https://allmcps.com/mcp/systra-tools"><img src="https://allmcps.com/api/badge/systra-tools?style=directory" alt="Systra Tools on AllMCPs" /></a>