Claude Marketplaces
SkillsMCP serversMarketplacesDigestTools

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP servers by category
Sales & MarketingWeb & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web Crawling
Marketplaces by category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control
Claude Marketplaces

An independent directory of skills, plugins and MCP servers for Claude Code. Not affiliated with Anthropic.

Browse

  • Skills
  • MCP servers
  • Marketplaces
  • Weekly digest
  • Skill index
  • MCP index
  • Marketplace index

Site

  • About
  • Tools
  • Feedback
  • Privacy
  • llms.txt
  • Plugins reference

Maker

  • Agent Caffeine
  • knobs
  • attention awareness
  • mertbuilds.com
Made by mertbuilds.com
Skills/Frontend Development
syncfusion avatar

Syncfusion React Dashboard Layout

syncfusion/react-ui-components-skills

If you're building admin panels or analytics dashboards in React, this gives you the full Syncfusion Dashboard Layout component with drag, drop, and resize out…

installs
511
GitHub stars
3
last updated
Aug 21, 2026
View on GitHubSave

Install

$ npx -y skills add syncfusion/react-ui-components-skills --skill syncfusion-react-dashboard-layout --agent claude-code

Installs into .claude/skills of the current project.

Sponsors

CodeRabbitSponsoredTry For FreeLid closed, agents workingDownload freeGranola, the best AI meeting recorderSponsoredDownload for freeDevtools for design engineersTry it livebelt - the only tool your agent needsSponsoredone prompt installOpen StepsSponsoredDownload for freeAppSignalSponsoredStart Free TrialBlock distraction from your iPhoneBlock now (100% free)

What it does

If you're building admin panels or analytics dashboards in React, this gives you the full Syncfusion Dashboard Layout component with drag, drop, and resize out of the box. It's a grid system that handles floating panels automatically and persists state across sessions. The documentation is thorough, covering 15 properties, 9 methods, and 10 events, plus accessibility compliance if that matters for your project. It's enterprise-grade stuff, so expect some learning curve, but you get responsive breakpoints, custom templates for embedding charts or widgets, and proper keyboard navigation. Good fit if you need something more structured than throwing divs around with react-grid-layout.

Files

Select a file.

Details

Repository
github.com/syncfusion/react-ui-components-skills
Categories
Frontend Development, DevOps & CI/CD
First seen
Jun 3, 2026

More from syncfusion/react-ui-components-skills

All 59
  • Syncfusion React Query Builder511
  • Syncfusion React Dropdown Tree510
  • Syncfusion React Inline Ai Assist508
  • Syncfusion React Ribbon508
  • Syncfusion React Data Manager481
  • Syncfusion React Buttons474
  • Syncfusion React Inputs474
  • Syncfusion React Popups468
  • Syncfusion React 3d Chart467
  • Syncfusion React Dropdowns467
  • Syncfusion React Appbar465
  • Syncfusion React Breadcrumb464
  • Syncfusion React Heatmap464
  • Syncfusion React Carousel463
  • Syncfusion React Notifications463
  • Syncfusion React Bullet Chart462
  • Syncfusion React Sidebar462
  • Syncfusion React Timeline461
  • Syncfusion React Progress Bar460
  • Syncfusion React Circular Gauge459
  • Syncfusion React Smithchart459
  • Syncfusion React 3d Circular Chart458
  • Syncfusion React Splitter458
  • Syncfusion React Stepper457

Recommended

More Frontend Development
1giuseppe-trisciuoglio avatartailwind-css-patternsgiuseppe-trisciuoglio/developer-kitProvides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, an15.1Kinstalls
2secondsky avatartailwind-v4-shadcnsecondsky/claude-skills| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui, imp7.2Kinstalls
3mindrally avatarnextjs-react-typescriptmindrally/skillsExpert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind4.7Kinstalls
4forcedotcom avatarbuilding-ui-bundle-frontendforcedotcom/sf-skillsMUST activate before editing ANY file under uiBundles/*/src/ for visual or UI changes to an EXISTING app — pages, components, sections, layout, styling, colors,3.7Kinstalls
5forcedotcom avatarexperience-ui-bundle-frontend-generateforcedotcom/sf-skillsMUST activate before editing ANY file under uiBundles/*/src/ (or the bundle's index.html) for visual or UI changes to an EXISTING app — pages, components, secti3.5Kinstalls
6jezweb avatartailwind-v4-shadcnjezweb/claude-skillsSet up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, au2.7Kinstalls