Streamline your development workflow

Generate React Feature-Based
Project Structure

A powerful CLI tool that creates consistent, feature-based folders with all the boilerplate code you need for modern web development.

Get StartedView Examples
Built for

Organized Project Structure

See how your features are organized with clean, consistent folder structures

src/features/

Project Root

Components

Hooks

Pages

Services

Store

Types

Validations

Generated Files
user-profile/
components/
UserProfileList.tsx
UserProfileCard.tsx
hooks/
useUserProfile.ts
useUserMutations.ts
useUserQueries.ts
services/
userProfileService.ts
validations/
userProfileSchema.ts
types/
userProfileTypes.ts
apiTypes.ts
store/
userProfileStore.ts

Everything You Need

Generate all the files and folders for your features with a single command

01

React Components

Generate components and pages with proper TypeScript setup

02

Data Fetching

TanStack Query hooks for server state and mutations

03

State Management

Zustand stores with full TypeScript support

04

Type Definitions

Complete TypeScript interfaces and types

05

Custom Hooks

Reusable React hooks for your features

06

Validation Schemas

Form validation with proper error handling

Quick Installation

Get up and running in seconds

Install @heco-gen/features and start generating feature-based structures instantly

npm install @heco-gen/features

Once installed, run npx heco --help to get started

Documentation