PageRip (HTML + CSS Extract) is a Chrome extension designed to simplify the process of HTML and CSS extraction from any web page. It allows users to select and extract individual web elements or an entire web page, creating HTML source code that can have inline styles, CSS classes, or JSX. It saves time by eliminating the need for manual HTML and CSS extraction which can be labour-intensive and frustrating. It's also perfect for developers looking to replicate web elements in their projects.
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
Create components from websites. Use an element picker to get a single element, or extract the full page to HTML source code. PageRip can generate HTML with inline styles, CSS classes, or JSX, so you can easily copy and paste the code into your project. Or live edit in PageRip.
Don't waste any more time struggling with manual HTML and CSS extracting. Try PageRip and experience the ease and convenience of snipping and exporting HTML like never before.
Note: This extension is still a work in progress and is still being actively improved.
User reviews
These summaries are automatically generated weekly using AI based on recent user reviews.
Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate,
spammy, or outdated.
Pros
Works as intended for extracting HTML and CSS.
Generates an HTML fragment with all styles inlined.
Users report successful functionality when following specific steps.
Some users found it very useful and effective.
Compatible with multiple browsers (Edge and Chrome).
Cons
Lacks clear instructions or a user guide.
Many users experienced functionality issues.
Non-functional for various users, with reports of errors.
Some interface problems leading to confusion.
Does not work on certain browsers (e.g., Brave).
Most mentioned
Does not work
Works great
Lacks instructions
Confusing interface
Compatible with Edge
Recent reviews
I was going to give it a one star review but I figured it out how to make it work(on Microsoft Edge haven't tried chrome).
It does work but for it to work for the first time
-Open the extention in any web page and "Select Page".( So most got people will get stuck here as it will show "Select Page" and "Select Element" but everything blank for the bottom section).
-Now while the pagerip extension window is open, switch window to your browser window.
-Now switch back to your pagerip extension window and then select select page
-Now you can switch to browser and the cursor will transform into a "+" symbol
-You can select the page you want to extract
It works! Instructions:
1. Open the page you want to extract
2. Open the extension
3. Choose from "Select page" or Select element"
4. Change to the window with the page and click what you want to extract
(It gave me a few small errors on css where "display: none; border..." appears together as "display: noneborder...". fixed a few of these and everything went great!