EVO React Components

Frequently Asked Questions

Common questions and answers about the Evo Design System (EDS) shadcn/ui evo react components, installation, usage, and best practices.

What are the Evo React Components?

The Evo React Components are custom shadcn/ui components that provide:

  • EDS-themed components - All components styled with the Evo Design System
  • Experimental Blocks - Specialized components such as KPI cards, task management, and more, contributed by the community. These components are not formally reviewed for code quality or user experience; contributors are responsible for ensuring their own standards.
  • Blocks - Pre-built sections for dashboards, heroes, and layouts. These components undergo technical and UX review by the Central engineering and UX teams to ensure quality and consistency.
  • AI integration - Compatible with AI tools via Model Context Protocol (MCP)
What makes this different from standard shadcn/ui?

Key differences include:

  • Custom theme - EDS design tokens and styling
  • Extended components - Additional components not in standard shadcn/ui
  • AI compatibility badges - Clear indicators of AI tool compatibility
  • MCP integration - Direct access via AI assistants
  • Enterprise focus - Components designed for business applications
Is this compatible with existing shadcn/ui projects?

Yes! These components are fully compatible with existing shadcn/ui projects:

  • Uses the same installation method (npx shadcn add)
  • Follows shadcn/ui component structure and conventions
  • Can be used alongside the official shadcn/ui components
  • Includes all standard shadcn/ui components with EDS theming
Teams Channel
Getting Started