Supercharge your React + TypeScript Components

zero-configuration command line package for creating production-ready React typed components

Command Line

$ npx create-react-tsx button

Generating code, please wait...⏳

Component:

import React, { useState } from 'react';

interface ButtonProps {

const Button: React.FC = ({ onClick, children }) => {

Installation

Get started in seconds

say goodbye to the boilerplate

$ npm i create-react-tsx

# use with npx

$ npx create-react-tsx navbar

Everything you need for modern React development

Batteries included, but fully customizable.

define the types of variables, function parameters, and return values all from the CLI.

npx create-react-tsx navbar is equal to /components/navbar.tsx

Your ideas converted in realtime component.tsx or entire App.tsx

create beautiful components in seconds not hours!

One Line of Code = Powerful Results

npm i create-react-tsx: install from npm
npx create-react-tsx button: /components/button.tsx
npx create-react-tsx build a calculator app: multi-export supported YourApp.zip or dev environment
npx create-react-tsx theme toggle button: tailwind CSS is pre-configured