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 tools876th of 1,608 by popularity · not ranked by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 874 | 4,700 | — | — | |
| 875 | 4,700 | — | 504places down | |
| 876 | 4,700 | — | — | |
| 877 | 4,700 | — | 173places down | |
| 878 | 4,700 | 39,435 #67 | 463places up |
This connector isn’t ranked by trending score, so the category’s top connectors are shown instead.
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 1 | 34,158,649 | 14,826 #36 | 2places down | |
| 2 | 465,374 | 15,594 #19 | 35places up | |
| 3 | 400,664 | 9,014 #294 | — | |
| 4 | 305,009 | 8,468 #345 | — | |
| 5 | 186,229 | 13,415 #63 | 50places down |
Creative411th of 665 by popularity · not ranked by trending score
| # | Connector | Popularity | Trending | 7d |
|---|---|---|---|---|
| 409 | 4,700 | 5,462 #273 | — | |
| 410 | 4,700 | — | 464places down | |
| 411 | 4,700 | — | — | |
| 412 | 4,700 | 39,435 #48 | 463places up | |
| 413 | 4,644 | — | — |
This connector isn’t ranked by trending score, so the category’s top connectors are shown instead.
| # | Connector | Trending | Popularity | 7d |
|---|---|---|---|---|
| 1 | 34,158,649 | 14,826 #26 | 2places down | |
| 2 | 290,722 | 7,983 #215 | — | |
| 3 | 180,947 | 5,585 #346 | — | |
| 4 | 177,204 | 10,491 #110 | — | |
| 5 | 139,989 | 8,134 #210 | — |
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