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.
Interested in working with us? Checkout our Jobs Page for open roles