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

Features

Everything you need for modern React development

Batteries included, but fully customizable.

TypeScript

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

Command Line

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

developers

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

Deploy Faster

create beautiful components in seconds not hours!

Usage

One Line of Code = Powerful Results

component displayed in terminal and hard coded         /components/Navbar.tsx

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

create-react-tsx Button
/components/Button.tsx