extension ExtPose

cssPicker - copy css from website

CRX id

laooinkgdapbcbjchpmihliljfnakkdh-

Description from extension meta

copy html and css from any website

Image from store cssPicker - copy css from website
Description from store CSSPicker 🎨 - copy css from website & chat to code - Support Convert html to React or Tailwind CSS component. - Support Screenshot to code How to Use? 1.🌟 Click the extension icon. 2.🚀 click element and copy the HTML/JSX/Tailwind code. 3. click Screenshot to Code use AI generate code from element Recent Update - version 1.2.3: add ai chat and fix react + css code - version 1.2.3: Optimize the algorithm for obtaining css - version 1.2.2: adjust ui - version 1.2.1: add default option - version 1.2.0: AI powered Screenshot To Code - version 1.1.5: support remember user options - version 1.1.4: fix jsx converter, enable jsx converter for free. - version 1.1.3: add media query option. - version 1.1.2: copy css style, media query and pseudo class with all css option. - version 1.1.1: copy as tailwind with media query and pseudo class. - version 1.1.0: support media query and pseudo class with smartStyle option. Key Features: [*] support convert element imaget to code by AI [1] copy HTML elements with CSS styles from website, even inside iframe! [2] output the minimal amount of CSS code with media and pseudo class , exactly what you want! [3] copy element as Tailwind css component [4] copy element as React component [5] copy element css selector without open devtools [6] convert html to React Introduction: Effortlessly copy element with CSS styles on any webpage. Inspect and convert CSS codes without opening dev tools. Speed up web development and enhance efficiency. Problems Solved: This browser extension addresses the following issues: - Frontend developers seeking quick access to style codes. - Indie hackers looking to easily build pages from free templates. - Developers grappling with writing CSS codes. Who Should Use: Frontend developers. Indie hackers and entrepreneurs. Anyone working with CSS codes. FAQs: ❓ What does this extension do? It allows you to instantly copy HTML and CSS for any element on a webpage. ❓ Does it work on all sites? Yes, it works on any webpage built with any framework, such as React, Vue, WordPress, etc. Just click to copy! 🌐 ❓ Is cssPicker free? yes, we have free plan, which allows you to copy single element without children, this will cover basic usecase, if you want to copy element with children, try our paid plan!

Latest reviews

  • (2025-04-21) Imaxenio: Review; In the end, Christian Watson kindly contacted me and told me how to fix it and reactivate my license. It's clear that it still has issues with functionality and, especially, with UX and usability, but it's gradually improving. I hope the project continues and continues to improve. ------------------- Why don't I see my license in the csspicker.dev control panel? I don't know if it's activated correctly or not. Every time I try to copy something, it sends me to the license payment page!! I Think it's a joke; the new version is terrible. I really don't know if it works or not. I'm supposed to have an active license because the first time the extension asked for the license code, but now I've tried uninstalling and reinstalling, but nothing happens. Every time I try to use it, it sends me to your website and always insists on paying for a license that I already have. I don't see anywhere in your panel that it indicates I have a license.
  • (2025-03-10) Evan Chan: Need to pay
  • (2025-02-21) It's Osman Shikdar: nice
  • (2024-12-14) Quang Huynh: Need to paid to copy all childs
  • (2024-08-15) Andy: Good tool but needs to be able to copy pseudo elements, also if you copy an element with a background image or image element when it copies to codepen it should insert a random icon or image as a filler so the elemnts maintain their structure.
  • (2024-02-29) yang jie: Already paid. This is the only copy tailwindcss tool that supports Alipay and WeChatpay. Very convenient, thank you and keep updating!
  • (2023-12-20) Aman Deep: Almost all useful stuff is behind a license, which isn't mentioned in description (At the time of this review) The free functionality is more or less browser built in? (Inspect element > Copy Element)
  • (2023-10-07) c bbh: 扩展很好用 ❤ 能否考虑添加获取元素标签的class或id之类的属性呢?复制的元素里面也找不到

Statistics

Installs
4,000 history
Category
Rating
3.1818 (11 votes)
Last update / version
2025-05-26 / 1.2.6
Listing languages
en

Links