sitegrab StudioBring a page in.
Start with the current tab or paste a URL. Choose the pages you need and see which assets were captured or skipped.
From a web page.
To your next project.
Capture a page, make it your own, and take the code with you. A focused visual workspace, right inside Chrome.
Chrome extension · Google sign-in required · Store release pending review
A SIMPLE WORKFLOW
Less setup. More making.
One workspace from your first capture to your next commit.
Make the changes.
Edit text and styles, work with layers and blocks, and preview your layout at different sizes. Switch between Live and Design views.
Keep building.
Download a source-code ZIP and continue in your editor. Review and test the result before putting it into production.
YOUR CODE. YOUR WORKFLOW.A starting point
A starting point
you can build on.
Choose the format that fits your project.
- React / Next.jsPages, components, and structured content.
- DjangoTemplates, partials, and static assets.
- HTML / CSSStatic files for a straightforward handoff.
Backend services, protected content, and some dynamic interactions need manual work. Capture only sites you own or have permission to reuse.
A workspace in your browser.
Search projects, manage pages, and keep an eye on storage. Extension projects stay on your device; capture and Live view connect to the websites you select.
Read the privacy policy ↗Bring your own thinking partner.
Copy a structured content prompt into your preferred AI assistant, paste the response back, and review changes before applying them. Nothing is sent to an AI service automatically.
A few useful answers.
Can I use it on any website?
Use it on websites you own or have permission to reuse. Chrome internal pages and protected content cannot be captured normally. Some sites and dynamic interactions may need manual adjustments.
Where are my projects stored?
The extension stores projects in your browser. Google and Supabase handle sign-in. Capture and Live view make requests to the selected websites and asset hosts. See the privacy policy for details.
Does an export recreate the backend?
No. Exports provide frontend files or project scaffolding. Databases, payment processing, server logic, and authenticated services must be implemented separately.
How do I get help?
Use the support channel on the Chrome Web Store listing once available, or contact Nanotom. Include your Chrome version and the step that failed; do not share passwords or private page content.