React Sight is a live view of the component hierarchy tree of your React application with support for React Router and Redux. | It is a dev tool for building scalable, high-quality user interfaces. It's designed to make it easy for you to test and iterate on React components. It makes debugging less painful, and it enables you to create and publish component libraries. |
Enable React DevTools;Add React Sight to Chrome;
Run your Application;Open React Sight;
Contribute on GitHub | Develop one component at a time. Isolate the UI you're working on and iterate quickly. Reloading your whole app on every change is slowing you down;
Bookmark component states, from blank states to edge cases. Your component library keeps you organized and provides a solid foundation of test cases;
Can be used in powerful ways. Including snapshot and visual regression testing, as well as custom integrations tailored to your needs;
Create reusable components;
Share UI across projects |
Statistics | |
GitHub Stars 2.9K | GitHub Stars 8.6K |
GitHub Forks 118 | GitHub Forks 364 |
Stacks 2 | Stacks 4 |
Followers 16 | Followers 5 |
Votes 0 | Votes 0 |
Integrations | |

It has a rich collection of components that would satisfy most of the UI requirements of your application like datatable, dropdown, multiselect, notification messages, accordion, breadcrumbs and other input components. So there would be no need of adding different libraries for different UI requirements.

Structor is a visual development environment for node.js Web applications with React UI. The essential part of the builder is a project boilerplate. The boilerplate is a prepacked source code of node.js application in which metainfo included.

It is a Laravel Admin Package that includes BREAD(CRUD) operations, a media manager, menu builder, and much more.It is a Feature packed and versatile Laravel control panel. It provides an elegant UI for controlling various features across a Laravel web application.

Divjoy is a React codebase & UI generator that gives you everything you need for your next project, including authentication, data fetching, payments (powered by Stripe), billing management, marketing pages, forms, and more.

You just load your UI components into the React Storybook and start developing them. This functionality allows you to develop UI components rapidly without worrying about the app. It will improve your team’s collaboration and feedback loop.

It is a beautifully designed administration panel for Laravel. Carefully crafted by the creators of Laravel to make you the most productive developer. It provides a full CRUD interface for your Eloquent models. Every type of Eloquent relationship is fully supported.

It is used to interactively query SQL databases using LINQ, as well as interactively writing C# code without the need for an IDE. It supports all the LINQ APIs in the .NET Framework, including LINQ to XML, PLINQ, LINQ to SQL and Entity Framework.

Plug it into your app as a dev dependency so it adds nothing to your product builds. Use it to: view your application state, show API requests & responses, perform quick performance benchmarks, and more.

It is an online visual editor for Tailwind CSS, Bootstrap, Bulma, and Material-UI. It works with the most popular front-end technologies.

React-Proto allows the user to visualize/setup their application architecture upfront and eject this architecture as application files either into a previous project or a new create-react-app project or a starter template from any repository.