Get Started with ToneRD

ToneRD is a UI component CLI tool that helps you add beautiful, animated, pre-styled components into your React or Next.js projects — instantly.

1. Install ToneRD

Add ToneRD to your project as a development dependency using npm.

npm install tonerd

2. Use the CLI to Add Components

Scaffold UI components instantly. Replace `Button` with any supported component name.

npx tonerd add <Elements>

Your components will be generated inside components/ui/