blade

Blade is the Design System that powers Razorpay.

🔗 Links

• Docs
• Installation
• @razorpay/blade-old (Deprecated, Private)

✨ Features

• Cross-Platform (Works Natively on React Web and React Native)
• White Labelling
• Accessible
• Documented RFCs and API Decisions

📦 Monorepo Structure

This repository is organized as a monorepo containing several packages that work together to provide a complete design system ecosystem.

Packages

Package	Description
blade	The core Blade Design System package with cross-platform UI components for React Web and React Native
blade-plugin	Claude Code plugin and cross-agent skills with the Blade knowledgebase (source of truth for AI docs)
blade-mcp	Model Context Protocol (MCP) server for AI-assisted development using Blade components (maintenance mode)
plugin-figma-blade-coverage	Figma plugin that measures Blade component usage and coverage in design files. It acts like a linter for design files.
plugin-figma-token-publisher	Figma plugin for publishing design tokens
blade-coverage-extension	Browser extension for measuring Blade component usage
eslint-plugin-blade	ESLint plugin for enforcing Blade coding standards
widget-figma-dev-handoff-checklist	Figma widget for design-to-development handoff checklists

📝 License

Licensed under the MIT License.