Generate fully structured React components from your own templates — with styles, index files, types, and tests — without leaving VS Code.
Three steps from folder to component
In VS Code Explorer, right-click any folder and choose "Create React Component".
Enter the component name. Casing is applied automatically based on your settings.
Select from your custom templates. Files are generated instantly.
Flexible, template-driven component scaffolding
Create components from your own .jsx / .tsx templates stored in the .react-templates folder.
Supports both .tsx and .jsx workflows with a single toggle in settings.
Auto-generate CSS, SCSS, or CSS Modules alongside every component.
Barrel re-exports and types.ts generated from configurable templates.
Scaffold test files in a tests/ subfolder using your own test template.
Choose PascalCase, camelCase, kebab-case, snake_case or lowercase — per file and folder.
Drop a .rcmakerrc.json next to package.json — no more switching global settings.
Just right-click any folder in Explorer and choose "Create React Component". Done.
Drop a .rcmakerrc.json next to your package.json and the extension picks it up automatically. No more touching global settings when switching between projects.
Local settings take priority over global ones. Missing fields fall back gracefully.
{
"useTypeScript": true,
"folderNameStyle": "kebab-case",
"fileNameStyle": "PascalCase",
"createStyleFile": true,
"styleExtension": "module.css",
"generateIndexFile": true,
"indexInComponentFolder": false
}Install from the VS Code Marketplace and start generating components in seconds.