Formik State Inspector

Extension Developer Tools36 users

Item media 1 (screenshot) for Formik State Inspector

Overview

Inspect Formik form state in React applications with real-time updates, JSON tree view, and instant search.

Debug Formik forms in React apps with real-time state inspection. See exactly what's happening inside Formik forms as you interact with them. Values and errors are displayed in a clean, searchable interface. Requirements: • React Developer Tools chrome extension (REQUIRED) • React app using Formik Features: • Real-time form state updates as you type and interact • Collapsible JSON tree view with syntax highlighting • Search/filter to quickly find specific fields • Copy any section (values, errors, touched) to clipboard Source Code: https://github.com/FlanaganSe/formik-state-inspector Perfect for debugging complex multi-step forms, troubleshooting validation issues, understanding why forms behave unexpectedly, or just keeping an eye on form state during development. Privacy: Zero data collection, zero network requests, zero tracking. All processing happens in your browser, 100% local.

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.3.2
Updated
October 16, 2025
Flag concern
Offered by
Sean Flanagan
Size
18.49KiB
Languages
English (United States)
Developer
Email
flanspan11@gmail.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Formik Devtools

5.0

Formik Developer Tools for debugging React form components

JSON Editor

4.0

A tool to view, edit, format, repair, query, transform, and validate JSON

React Scan

4.8

Scan React apps for performance problems

React Hook Form Developer Tools

2.4

React Hook Form developer tools to help debug forms with validation.

Reactime

4.7

A Chrome extension for time travel debugging and performance monitoring in React applications.

React Scan Toggle

5.0

Toggle React Scan functionality to analyze React component renders

JSONGrid Web Inspector

3.0

A Chrome extension for inspecting JSON data with JSONGrid, a tabular JSON view.

React Developer Tools

4.0

Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.

React Context DevTool

4.3

Devtool for React Context and useReducer

JSON Prettier

5.0

Use JSON Prettier online application as your json formatter, validator and editor to see json beautify instantly in the browser.

Formily DevTools (v3)

0.0

Formily DevTools (v3) for debugging application's state changes.

React Inspector

3.5

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.