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-mcp | Model Context Protocol (MCP) server for AI-assisted development using Blade components | | 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.