Framer AI AgentsDesign and publish professional sites with AI
Promoted
How does Archify actually get visibility into the components and APIs inside a live app, does it require installing a script or does it hook into the network tab somehow?
@aryaarkayaulwb No code changes needed , you just install the extension and Archify injects a small script into the page at runtime.
From there, it reads the framework to identify components and watches the app’s own API calls as they happen. The cool part is that it can link an API call back to the component or interaction that triggered it ,something you don’t really get from just staring at the Network tab.
Report
Does this work as a browser extension or a standalone app, and is there a free tier or is it subscription-only from the start?
@serhatmant9b7b It works as a browser extension, and it’s completely free and opensource! No subscription or paid tier just install it and start exploring 🙌
Report
Being able to peek into a running app's components right in the browser without setting up a separate debugger feels like a huge time-saver, especially for onboarding to a new codebase.
@devranzerezune Absolutely! Onboarding to an unfamiliar codebase is one of the use cases I’m really excited about. Being able to explore how the app behaves before digging through the code can save a lot of time 🙌
Report
The way Archify surfaces component behavior right in the browser is genuinely clever, saves a ton of tab-switching when debugging. Clean execution on something that could've easily turned into another cluttered dev tool.
@cafertrf7 This is exactly what I was hoping Archify would feel like. I really wanted to keep it useful without turning it into another overloaded dev tool 😄 Glad that came through!
Report
Finally a browser tool that actually helps me see what my React app is doing without constantly alt-tabbing to devtools. Loved clicking through a component tree and instantly spotting a stale closure bug.
@zerdaqvbn Love hearing this! Spotting a stale closure bug through the component tree is exactly the kind of real-world use case I hoped Archify would help with 😄 Really glad it was useful!
Report
Salah, I'm endlessly nosy about how the sites I like are actually put together, so this scratches a real itch for me. The fact that it all stays on my own machine makes it even easier to enjoy poking around.
@amine_aziz_alaoui Love hearing this! That same curiosity is a big part of why I built Archify 😄 I’m always wondering how interesting sites are put together too. And keeping everything local was really important to me, so I’m glad that part resonates!
Report
The best dev tools don't add another dashboard they remove one. Love the direction.
@divvsaxena Exactly the idea behind Archify. Keep the context where you’re already working instead of adding another place to check. Glad the direction resonates 🙌
How does Archify actually get visibility into the components and APIs inside a live app, does it require installing a script or does it hook into the network tab somehow?
Archify
@aryaarkayaulwb No code changes needed , you just install the extension and Archify injects a small script into the page at runtime.
From there, it reads the framework to identify components and watches the app’s own API calls as they happen. The cool part is that it can link an API call back to the component or interaction that triggered it ,something you don’t really get from just staring at the Network tab.
Does this work as a browser extension or a standalone app, and is there a free tier or is it subscription-only from the start?
Archify
@serhatmant9b7b It works as a browser extension, and it’s completely free and opensource! No subscription or paid tier just install it and start exploring 🙌
Being able to peek into a running app's components right in the browser without setting up a separate debugger feels like a huge time-saver, especially for onboarding to a new codebase.
Archify
@devranzerezune Absolutely! Onboarding to an unfamiliar codebase is one of the use cases I’m really excited about. Being able to explore how the app behaves before digging through the code can save a lot of time 🙌
The way Archify surfaces component behavior right in the browser is genuinely clever, saves a ton of tab-switching when debugging. Clean execution on something that could've easily turned into another cluttered dev tool.
Archify
@cafertrf7 This is exactly what I was hoping Archify would feel like. I really wanted to keep it useful without turning it into another overloaded dev tool 😄 Glad that came through!
Finally a browser tool that actually helps me see what my React app is doing without constantly alt-tabbing to devtools. Loved clicking through a component tree and instantly spotting a stale closure bug.
Archify
@zerdaqvbn Love hearing this! Spotting a stale closure bug through the component tree is exactly the kind of real-world use case I hoped Archify would help with 😄 Really glad it was useful!
Salah, I'm endlessly nosy about how the sites I like are actually put together, so this scratches a real itch for me. The fact that it all stays on my own machine makes it even easier to enjoy poking around.
Archify
The best dev tools don't add another dashboard they remove one. Love the direction.
Archify
@divvsaxena Exactly the idea behind Archify. Keep the context where you’re already working instead of adding another place to check. Glad the direction resonates 🙌