Systra Tools
Claude connectorCommunitySearch and pull animated React and Tailwind CSS sections, brand styles and page recipes into your project.
Systra Tools is a library of 620+ animated React and Tailwind CSS sections and elements: heroes, pricing tables, testimonials, footers and more. Each component is a single TSX file that imports only react, framer-motion and lucide-react.
With this connector Claude can:
- browse the library by category or search it by keyword
- fetch the full source of a component and add it to your project
- apply a brand style extracted from a real website (colours, fonts, radii) to a component
- pull a page recipe: an ordered set of sections for a complete landing page, for example SaaS, coaching or a hotel
- find images from the media library with permanent URLs
All tools are read-only. You sign in with a Systra Tools account. Free accounts get a set of sample components and images; a Premium plan unlocks the full library.
- Tools
- 13
exposed by this connector
Movement
From our daily snapshots over the last 30 days.
Rank by popularity
Rank by trending score
Popularity score
Trending score
In its categories
How this connector compares with others in the same category. Positions are counted within the category, not across the whole directory.
Developer tools1,018th of 1,510 by popularity · not ranked by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 1016 | 3,807 | — | 567places down | |
| 1017 | 3,807 | — | 657places down | |
| 1018 | 3,807 | — | — | |
| 1019 | 3,807 | — | — | |
| 1020 | 3,807 | — | 268places down |
This connector isn’t ranked by trending score, so the category’s top connectors are shown instead.
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 1 | 34,697,858 | 14,421 #44 | 2places down | |
| 2 | 445,667 | 8,165 #366 | — | |
| 3 | 348,009 | 13,338 #62 | 18places down | |
| 4 | 338,315 | 15,186 #25 | 93places up | |
| 5 | 214,302 | 8,290 #353 | — |
Creative447th of 619 by popularity · not ranked by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 445 | 3,807 | — | 268places down | |
| 446 | 3,807 | — | 567places down | |
| 447 | 3,807 | — | — | |
| 448 | 3,807 | — | 483places down | |
| 449 | 3,700 | — | 241places down |
This connector isn’t ranked by trending score, so the category’s top connectors are shown instead.
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 1 | 34,697,858 | 14,421 #28 | 2places down | |
| 2 | 207,412 | 7,925 #211 | — | |
| 3 | 200,845 | 7,801 #220 | — | |
| 4 | 196,032 | 9,111 #153 | — | |
| 5 | 155,660 | 8,762 #169 | — |
Tools
- get_component
- get_component_styled
- get_post
- get_recipe
- get_style
- list_categories
- list_components
- list_images
- list_posts
- list_recipes
- list_styles
- search_components
- search_images
- Categories
- Made by
- Systra Studios · Website
- Sign-in
- Required
- Connector URL
- https://systra.tools/api/mcp
- Transport
- Streamable HTTP
- Works with
- Claude, Claude API, Claude Code, Claude Desktop
- Added
- October 28, 2026
- More info
- Sponsorship
- Promote this connector