Extract CSS

What it does

This module uses an actual Chromium instance to run the requested page and extract all the CSS from it, even the CSS that is generated dynamically by javascript.

• 
  CodeScraper2019 · ▲160

  Hover over anything and get the HTML/CSS

• 
  Convert any website into a React component2024 · chromewebstore.google.com · ▲326

  Hey 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…

• EA
  Extract a unique CSS selector for any element on any page2015 · flutter.social · ▲20
• 
  Jam API2016 · github.com · ▲116

  Parse web pages using CSS query selectors

• 
  SnappySnippet2014 · chromewebstore.google.com · ▲66

  Extracts CSS & HTML from selected element

• 
  CSS Bucket2025 · chromewebstore.google.com · ▲6

  Chrome web store

• 
  /dev/null▲482

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲343

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• AR
  A retro video game console I've been working on in my free time▲2,690

  Software and hardware projects for fun from a guy who loves retro computing

  Life & fun · 2019 · internalregister.github.io

• 
  Accessible Brand Colors▲1,163

  A tool to make sure your brand colors are ADA compliant.

  Dev tools · 2019 · abc.useallfive.com

• 
  Checklist Design▲1,158

  The best UI and UX practices for production ready design

  Work · 2019 · checklist.design

• 
  Product Hunt Tab▲647

  A virtual co-working space in your browser's new tab

  Work · 2019

• 
  Notion 2.3▲622

  Notions big update, now with Evernote import and web clipper

  Work · 2019 · notion.so

• 
  Voiceflow▲607

  Build voice apps in your browser without coding

  Dev tools · 2019 · voiceflow.com