Chrome extension that extracts HTML+CSS from an element to inline style
Hi there. I spent the last couple months building this chrome extension to scratch my own itch. It allows you to extract a snippet of HTML along with its styles and export to inline styles or JSX. It’s not perfect and doesn’t work on every site. There is class support but I am still working on it along with some other cool features. Feedback is appreciated.
Chrome extension that extracts HTML+CSS from an element to inline style launched on August 31, 2022 with 7 votes, #1,052 of 3,307 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 4 years on.
Does a similar job
all alternatives →
Convert any website into a React component2024 · chromewebstore.google.com · ▲326Hey HN, we built a Chrome Extension (https://www.magicpatterns.com/extension) that converts a snippet of any website to an isolated React component. Demo video: https://youtu.be/hutUYDkyE_A How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors / inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out…
- ACA Chrome extension that extracts used CSS and combines it into one file2018 · ▲40
just wanted to share this useful tool with you. I have been looking at something like this for a very long time. https://chrome.google.com/webstore/detail/css-used/cdopjfddj... what it does: it analyses your html dom and looks for css classes. Then it extracts it all and combines it into 1 single css file. I used 5 css framworks which was on 340kb kb. This tool made it 36kb!
TurboStyle2025 · turbostyle.io · ▲166Hi HN, I built TurboStyle, a Chrome extension that lets you visually edit CSS properties directly on any website - no dev tools or code required. A few features: - Edit styles, text, images, and videos in-place - Toggle between mobile/tablet/desktop previews - See before/after comparisons - Export CSS - Create and reuse style presets Would love your feedback, ideas, or opinions.
More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 2d ago · permit.petercai.com
- IV
Life & fun · 14d ago · tanzaniaeducationproject.org
Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 15d ago · bigwords.page
Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 9d ago · guitoro.com
Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 13d ago · carrierexplode.com
Life & fun · 23d ago · space.bl2.net
Source: Show HN post ↗
Launched alongside, August 2022
the whole month →
DhiWise 2.0▲740Convert Figma designs into Flutter 3.0 & React code rapidly
Dev tools · 2022 · dhiwise.com
- PA
Hey HN, I've been working on https://pornpen.ai, a site for generating adult images. Please only visit the site if you are 18+ and willing to look at NSFW images. This site is an experiment using newer text-to-image models. I explicitly removed the ability to specify custom text to avoid harmful imagery from being generated. New tags will be added once the prompt-engineering algorithm is fine-tuned further. If the servers are overloaded, take a look at the feed and search pages to look through past results. For comments/suggestions/feedback please visit…
AI · 2022 · pornpen.ai