A visual prototyping tool for React developers
A comprehensive type checking with TypeScript and flexible exporting in Classic React, Next.js, or Gatsby.js
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.
Live Code Preview
See your code preview update in real time as you build. React hooks are enabled for application lifecycle management.
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!
Component Sharing
Developers can now share and upload ready made components in the newly developed marketplace.
Make every step user-centric
Users can easily create and customize components and HTML elements by dragging them 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.
Collaboration Rooms
Join a room and collaborate with others in real time.
Our Team
Check out our wonderful contributors
Aaron Bumanglag
Abeer Faizan
Adam Singer
Adam Vanek
Ahnaf Khan
Ahsan Rao
Alex Wolinsky
Alex Yu
Andrew Cho
Anthony Torrero
Ben Cauffman
Bianca Picasso
Brian Han
Bryan Chau
Calvin Cao
Carly Jackson
Charles Finocchiaro
Chelsea Fewer
Chris Tang
Christian Padilla
Crystal Lim
Daniel Reilley
Darin Ngau
Daryl Foster
Denton Wong
Diego Vazquez
Edward Park
Elena Conn
Eliot Nguyen
Evan Crews
Fredo Chen
Garrett Hutson
Hadrian Chan
Hernan Damazo
Huy Pham
Ian Davis
Jesse Zuniga
Jin Soo Lim
Jonathan Calvo Ramirez
Julie Wu
Katrina Henderson
Ken Bains
Kevin Park
Khuong Nguyen
Liam Roh
Linh Tran
Luke Madden
Matteo Diterlizzi
Michael Ng
Mike Dunnmon
Miles Wright
Mitchel Severe
Nam Ha
Natalie Vick
Philip Hua
Rachel Kucharski
Rick McGrath
Ron Fu
Salvatore Saluga
Sean Sadykoff
Shana Hoehn
Shirley Liu
Shlomo Porges
Sonya Hu
Sophia Bui
Stephen Kim
Stormi Hashimoto
Thomas Lukasiewicz
Tolga Mizrakci
Tony Ito-cole
Tyler Sullberg
Ulrich Neujahr
Victor Martins
William Cheng
William Rittwage
William Yoon
Xiao Wang
Yohan Jeon
Yuanji Huang