Official MCP RegistryListed
Systra Tools
Search and pull 500+ production-ready React + Tailwind sections and elements
First seen 2 Oct 2026. Evidence as of 7 Nov 2026.
13
Tools
From an anonymous probe
1
Source listings
Each with its own history
50
Recorded changes
Since first seen
Tools
| Tool | Description | Behaviour |
|---|---|---|
| get_component | Returns the complete, copy-ready React/TSX source of one component as designed, plus notes on its images and any extra files it needs. Components use Tailwind CSS classes and import react, framer-motion and lucide-react; a few also need gsap or three, which the response names with the install command. Use it once you know the exact name; use get_component_styled instead when the component should take on an extracted brand style. Without a premium key, source comes back for the free components, the first six of every category, which list_components and search_components mark as "free"; other names return a notice on how to get a key. | Read-only |
| get_component_styled | Returns one component's source together with the tokens of a brand style, step-by-step instructions for mapping the component's colours, fonts and radii onto that style, and the colour values the component uses today. Use it instead of get_component when the result should match a specific brand. The server does not rewrite the code; you apply the mapping. Same premium rule as get_component. | Read-only |
| get_post | Returns one post template as working instructions: the full HTML file, an export script to render it locally as PNG or video, and the rules on what may be changed. The server renders nothing; you edit and export the file. Use it after list_posts. | Read-only |
| get_recipe | Returns one page recipe: the ordered sections with the purpose of each, a composition file where available, and the full source of every section. Pass style to add brand tokens and adaptation instructions. Without a premium key, sections that are not free are named but their source is held back. The answer is long because it contains several complete components. | Read-only |
| get_style | Returns every design token of one extracted brand style: colours, font families and sizes, spacing, radii, CSS variables and the generated DESIGN.md (up to 4000 characters). Use it to theme your own code or set up a design system; use get_component_styled when you want one specific component already paired with the style. | Read-only |
| list_categories | Lists every component category of the Systra Tools library with its slug, its title and how many components it holds. Start here when the user names a kind of page part (hero, pricing, footer) instead of a component, then pass the slug to list_components. No parameters, works without a key. | Read-only |
| list_components | Lists component names, optionally limited to one category, one line each with the name and the category slug. Use it to browse a category before choosing; use search_components instead when you already have a keyword. Returns names only, no source: fetch the code with get_component. Works without a key; without one, the components whose source is free are marked "free". | Read-only |
| list_images | Lists images and a few videos from the Systra Tools media library (all AI-generated), each with a permanent URL to use directly as src, plus title, album and format. Filter by album and format, 100 per page. Use it to browse an album; use search_images to find a motif by keyword. Without a premium key only the free images are returned, three per album. | Read-only |
| list_posts | Lists the Instagram post templates (1080 x 1350) with slug, name, family and whether they need your own imagery. Each template is a single HTML file that can be rebuilt and exported as an image or a video. Pass query to search by name or purpose, for example 'quote' or 'statistic'. Use it to pick a slug for get_post. | Read-only |
| list_recipes | Lists curated page recipes: proven section sequences for complete landing pages (for example SaaS, coaching or a hotel), each with its number of sections and a short purpose. Pass query to search by industry, purpose or section, for example 'hotel' or 'pricing'. Use it when the user wants a whole page rather than one section, then call get_recipe. | Read-only |
| list_styles | Lists the brand styles extracted from real websites with the Systra style extractor: slug, site name, primary and accent colour and heading font. Pass query to search by site name, domain, colour or font, for example 'bakery' or 'Inter'. Use it to find a slug for get_style, get_component_styled or get_recipe. Works without a key. | Read-only |
| search_components | Finds components whose name or category contains the search term (one term, case-insensitive substring match) and returns their names with the category slug. Use it when you know roughly what you need, such as 'pricing', 'marquee', 'testimonial' or 'countdown'; use list_components to see a whole category. Names are English PascalCase, so short English words match best. Follow up with get_component for the source. | Read-only |
| search_images | Finds images in the media library (all AI-generated) whose title, tags, file name or album contain every word of the query, and returns their permanent URLs, 100 per page. Use it for a motif, such as 'red dress', 'laptop desk' or 'misty forest'; use list_images to browse a whole album. Titles and tags are English, album keys German. Without a premium key only the free images are included. | Read-only |
Change history
- get_component: description changed (+"lucide-react; a few also need gsap or three, which the response names with the install command." -"only" -"lucide-react.")
- search_images: title changed
- search_images: annotations changed
- search_components: title changed
- search_components: annotations changed
- list_styles: title changed
- list_styles: annotations changed
- list_recipes: title changed
- list_recipes: annotations changed
- list_posts: title changed
- list_posts: annotations changed
- list_images: title changed
- list_images: annotations changed
- list_components: title changed
- list_components: description changed (+"key; without one, the components whose source is free are marked "free"." -"key.")
- list_components: annotations changed
- list_categories: title changed
- list_categories: annotations changed
- get_style: title changed
- get_style: annotations changed
- get_recipe: title changed
- get_recipe: description changed (+"that are not" -"outside the" -"samples")
- get_recipe: annotations changed
- get_post: title changed
- get_post: annotations changed
- get_component_styled: title changed
- get_component_styled: annotations changed
- get_component: title changed
- get_component: description changed (+"free components, the first" +"of every category, which list_components and search_components mark as "free";" -"only")
- get_component: annotations changed
- server instructions changed (+"open for the free components, the first six of every category; list_components marks them "free"." -"limited to a few sample components.")
- list_styles: input schema changed (+query)
- list_styles: description changed (+"Pass query to search by site name, domain, colour or font, for example 'bakery' or 'Inter'." +"Works" -"No parameters, works")
- list_recipes: input schema changed (+query)
- list_recipes: description changed (+"Pass query to search by industry, purpose or section, for example 'hotel' or 'pricing'." -"No parameters.")
- list_posts: input schema changed (+query)
- list_posts: description changed (+"Pass query to search by name or purpose, for example 'quote' or 'statistic'.")
- search_images: input schema changed
- search_images: description changed (+"Finds images in" +"whose" +"album contain every word of")
- search_components: input schema changed
- search_components: description changed (+"Finds" +"whose" +"category contains")
- list_styles: description changed (+"from real websites" +"Systra" +"extractor: slug, site name, primary and accent colour")
- list_recipes: description changed (+"proven section" +"(for example SaaS, coaching or a hotel), each with its number of sections" +"a short purpose. Use it when the user wants a whole page rather than one section, then call get_recipe. No parameters.")
- list_posts: description changed (+"1350) with slug, name, family and whether they need your own imagery. Each" +"Use it to pick a slug for get_post." -"of Systra Tools")
- list_images: input schema changed
- list_images: description changed (+"and a few videos from" +"AI-generated), each" +"a permanent URL")
- list_components: input schema changed
- list_components: description changed (+"component names, optionally limited to one category, one line each with the name and" +"category slug. Use it to browse a" +"before choosing; use search_components instead when you already have a keyword. Returns names only, no source: fetch the code with get_component. Works without a key.")
- list_categories: description changed (+"component" +"the" +"library")
- get_style: input schema changed
| Source | Listing | First seen | Last seen | Versions |
|---|---|---|---|---|
| Official MCP Registry | tools.systra/systra-tools | 2 Oct 2026 | 7 Nov 2026 | 1 |