Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Kittl developers kitNew to Visual Studio Code? Get it now.
Kittl developers kit

Kittl developers kit

Denis Bratchikov

|
47 installs
| (0) | Free
Creates file structure for react project
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VSCode Extension. File Structure Creator for React with Kittl company standards

This extension allows you to create react component file structure with one command. It gets file name and path (optionally) from prompt dialog and creates folders and files with some preset code.

Usage

The extension can be activated both via command palette and via folder context menu in VSCode file explorer. There are three commands for creating file structure:

  • Create component
  • Create ui lib component (basic component with mandatory tests and stories)
  • Create store

In both commands you will be asked for a path to the file / file name. You may specify either relative path from the current workspace (e.g. Header/Profile/Avatar) or just a file name (e.g. Grid). In first case, the whole structure will be created (/Header/Profile/Avatar/Avatar.tsx), in second case only one folder with the file will be created (/Grid/Grid.tsx).

Installation

You can download the extension from the VSCode marketplace here.

License

File Structure Creator is released under the MIT License.

Release

1.0.0

  • Create extenstion
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft