📦
Blade
Design System that powers Razorpay
0 installs
Trust: 59 — Fair
Content
Ask AI about Blade
Powered by Claude · Grounded in docs
I know everything about Blade. Ask me about installation, configuration, usage, or troubleshooting.
0/500
Loading tools...
Reviews
Documentation
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 🤗