A visual prototyping tool for React developers

A comprehensive type checking with TypeScript and flexible exporting in Classic React, Next.js, or Gatsby.js

logo

Create Your React App

ReacType is a prototyping tool that allows users to visualize their application architecture dynamically, employing a drag-and-drop canvas display and an interactive, real-time component code preview.

code-preview

Live Code Preview

See your code preview update in real time as you build. React hooks are enabled for application lifecycle management.

url

State Management

React Hooks are enabled to handle your state across components. Also, pass in props from a parent component with the click of a button!

url

Component Sharing

Developers can now share and upload ready made components in the newly developed marketplace.

Make every step user-centric

The user can create components by dragging instances of these components and HTML elements onto the canvas.

Context Manager

Create, update, and delete context that you can later assign to specific components. A tree will allow you to visualize the context hierarchy.

D3 Visualization

View dynamically created components/HTML elements in the component tree. Also check the State Management Tab for a D3 state flow diagram.

Next.js and Gatsby.js

Add Next.js specific Link and Image components to link components to user-created pages and take advantage of Next.js image optimization.

React Router

Easily create routes with the Switch and Link router elements.

Export Test Suites

With the click of a checkbox, you can export your components with Jest and Enzyme tests for not just React, but Next and Gatsby apps as well! The exported folder will include pre-configured Webpack, Jest, and Typescript files along with tests for your project.

Interactive Dashboard

Collaborate with others through the new interactive dashboard.

Our Team

Checkout our wonderful contributors

  • Aaron Bumanglag

    logologo
  • Abeer Faizan

    logologo
  • Adam Singer

    logologo
  • Adam Vanek

    logologo
  • Ahnaf Khan

    logologo
  • Ahsan Rao

    logologo
  • Alex Wolinsky

    logologo
  • Alex Yu

    logologo
  • Andrew Cho

    logologo
  • Anthony Torrero

    logologo
  • Ben Cauffman

    logologo
  • Bianca Picasso

    logologo
  • Brian Han

    logologo
  • Bryan Chau

    logologo
  • Calvin Cao

    logologo
  • Carly Jackson

    logologo
  • Charles Finocchiaro

    logologo
  • Chelsea Fewer

    logologo
  • Chris Tang

    logologo
  • Christian Padilla

    logologo
  • Crystal Lim

    logologo
  • Daniel Reilley

    logologo
  • Darin Ngau

    logologo
  • Daryl Foster

    logologo
  • Denton Wong

    logologo
  • Diego Vazquez

    logologo
  • Edward Park

    logologo
  • Elena Conn

    logologo
  • Eliot Nguyen

    logologo
  • Evan Crews

    logologo
  • Fredo Chen

    logologo
  • Garrett Hutson

    logologo
  • Hernan Damazo

    logologo
  • Huy Pham

    logologo
  • Ian Davis

    logologo
  • Jesse Zuniga

    logologo
  • Jin Soo Lim

    logologo
  • Jonathan Calvo Ramirez

    logologo
  • Julie Wu

    logologo
  • Katrina Henderson

    logologo
  • Ken Bains

    logologo
  • Kevin Park

    logologo
  • Khuong Nguyen

    logologo
  • Liam Roh

    logologo
  • Linh Tran

    logologo
  • Luke Madden

    logologo
  • Matteo Diterlizzi

    logologo
  • Michael Ng

    logologo
  • Mike Dunnmon

    logologo
  • Miles Wright

    logologo
  • Mitchel Severe

    logologo
  • Natalie Vick

    logologo
  • Philip Hua

    logologo
  • Rachel Kucharski

    logologo
  • Ron Fu

    logologo
  • Salvatore Saluga

    logologo
  • Sean Sadykoff

    logologo
  • Shana Hoehn

    logologo
  • Shirley Liu

    logologo
  • Shlomo Porges

    logologo
  • Sophia Bui

    logologo
  • Stephen Kim

    logologo
  • Stormi Hashimoto

    logologo
  • Thomas Lukasiewicz

    logologo
  • Tolga Mizrakci

    logologo
  • Tony Ito-cole

    logologo
  • Tyler Sullberg

    logologo
  • Ulrich Neujahr

    logologo
  • Victor Martins

    logologo
  • William Cheng

    logologo
  • William Rittwage

    logologo
  • William Yoon

    logologo
  • Xiao Wang

    logologo
  • Yohan Jeon

    logologo
  • Yuanji Huang

    logologo