基本信息

更新日期:
包名:
laooinkgdapbcbjchpmihliljfnakkdh
版本:
1.0.20
大小:
879KiB
类型:
扩展
平台:
Chrome
评分:
发布日期:
2024-01-01
价格:
免费
开发者:
christianhappygo

cssPicker插件截图

【图】cssPicker – copy css from website(截图1)【图】cssPicker – copy css from website(截图2)

cssPicker插件简介

CSSPicker 🎨 – copy css from website

Support Convert html to React or Tailwind CSS component.

How to Use?

1.🌟 Click the extension icon.
2.🚀 click element and copy the HTML/JSX/Tailwind code.

Key Features:

[1] copy HTML elements with CSS styles from website, even inside iframe!
[2] output the minimal amount of CSS code, 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!

类似cssPicker插件

沉浸式网页双语翻译扩展,支持PDF翻译,双语Epub电子书制作,Youtube/Netflix/Udemy 等平台双语字幕,支持Deepl/Google等多个翻译服务,免费使用。
一款免费的,好用的,没有废话的,革命性的,饱受赞誉的,AI 驱动的双语网页翻译扩展,帮助你有效地打破信息差,在手机上也可以用! 主要特性: - 沉浸式阅读外文网站通过智能识别网页主内容区域并进行双语对照翻译,沉浸式翻译提供了全新的外文阅读体验,因此得名“沉浸式翻译”。 - 强大的输入框翻译将任何网页上的输入框化身为多语言翻译器,立刻解锁谷歌搜索,ChatGP..
基于兴趣阅读,不知不觉掌握词汇
Relingo可以帮你快速读懂、看懂你感兴趣的内容,在浏览网页不被打扰的同时渐进地学习、记忆单词。 ★ 基于兴趣阅读,不知不觉掌握词汇 在浏览网站/看视频的同时渐进地学习记忆英文单词,可以在Medium、Facebook、Twitter、Youtube和BBS等任何平台学习英语,也可以在BBC、WSJ、The Economist、Techcrunch、The..
download svg from any website
SVG DownloaderDownload SVGs from any Website with one click. Support download svg as png and jpg. Tired of struggling to download SVG images on websites? SVG Downloader makes it ea..
无需任何操作,只需要管理好你的收藏夹。小舒同学就会自动地用你的书签生成一个新建标签页面。 同时,你可以在小舒同学的搜索框中设置你喜欢的搜索引擎并进行搜索操作。 小舒同学有以下特..
无需任何操作,只需要管理好你的收藏夹。小舒同学就会自动地用你的书签生成一个新建标签页面。 同时,你可以在小舒同学的搜索框中设置你喜欢的搜索引擎并进行搜索操作。 小舒同学有以下特征 1、减少你的心智负担,你只需要管理你的收藏夹,仅此而已。 2、尊重你的个性,你可以设置自己喜欢皮肤样式。 3、强大的布局设置,可以隐藏不想看的,设置元素的空间大小。 4、对于喜欢深..
Create high-fidelity web archives directly in your browser
Create high-fidelity web archives directly in your browser The extension allows users to create high-fidelity web archives, directly in the browser. When enabled, the extension 're..
Extract the CSS/HTML for any element on any page, only take the styles you want
SnipCSS extracts all CSS styles associated with any portion of a webpage. It works on all websites, and after a few clicks you get the CSS, HTML and Images associated with the sect..
同时使用ChatGPT, Bing, Bard和更多机器人
ChatHub是一个chatbot聚合客户端 功能: - 在一个应用里使用多种chatbot,目前支持ChatGPT, Bing Chat, Google Bard, Claude, 讯飞星火及一些开源模型,并在持续集成更多机器人 - 同时和多个chatbot聊天,方便对比回答 - 支持ChatGPT API、Azure OpenAI service - 支..
An extension for automating your browser by connecting blocks
From auto-fill forms, doing a repetitive task, taking a screenshot, to scraping data of the website, it's up to you what you want to do with this extension. And you also can schedu..
与强大的AI助手聊天,随时随地享受美好的体验!
Lunabot is a cross-platform ChatGPT assistant that supports any web page on mainstream browsers and can quickly handle various tasks to improve your work efficiency. With Lunabot, ..
专为 V2EX 用户设计,提供了丰富的扩展功能。
为原网站添加了“缺失”的功能,改进了每处细节,带来焕然一新的 V2EX。 ―――――――――――――――――――――――――――――――――――― ◉ 扩展功能 🪄 界面美化 UI 设计更现代化,为你带来愉悦的视觉体验。 📥 评论回复嵌套层级 主题下的评论回复支持层级展示,可以更轻松地跟踪和回复其他用户的评论。 🔥 热门回复展示 自动筛选出最受欢迎的评论,更..
This simple Chrome extension toggles..
This simple Chrome extension toggles a 'Works on my Machine!' badge on any web page. Ever had the frustration of trying to reproduce a user error only to figure out it works perfec..
Debug Salesforce apex code with ease..
Debug Salesforce apex code with ease Apex debugging with ease. Improved debug logs for Salesforce. Press Shift+w from any salesforce page to open Logs. • Improved view of logs (sel..
A form filler that fills all form in..
A form filler that fills all form inputs (textboxes, textareas, radio buttons, dropdowns, etc.) with fake and randomly generated data. The purpose of this extension is to help deve..
Digital analytics quality made easy
▶ WASP.inspector for Google Chrome ◀ Next generation web analytics quality assurance. The Web Analytics Solution Profiler (WASP) is the must have tool for managers, marketers and i..
CFCA Security Application Development Kit 使用该扩展可以用Edge浏览器访问USBKey,协助用户使用USBKey内证书完成签名操作
CFCA Security Application Development Kit 使用该扩展可以用Edge浏览器访问USBKey,协助用户使用USBKey内证书完成签名操作
| Edge
Devtools extension to inject HTML Sn..
Devtools extension to inject HTML Snippets and Scripts to a website. The scripts will be injected in the head of the inspected webpage. Meanwhile, the HTML snippets will be injecte..
Fast save and fill forms. Automate r..
Fast save and fill forms. Automate repetitive activities. Press record Button to start recording and stop button to save macro. Press play to complete forms.
使用Cookie Blocker附加组件,Firefox有权阻止/允许用户访问不需要的网站,也可以在cookie的基础上进行访问。
使用Cookie Blocker附加组件,Firefox有权阻止/允许用户访问不需要的网站,也可以在cookie的基础上进行访问。
与一个SmartBear自动测试应用程序一起工作:TestComplete、TestExecute或TestLeft,并且是- *浏览网页内容、检查属性和属性值所必需的。 *记..
与一个SmartBear自动测试应用程序一起工作:TestComplete、TestExecute或TestLeft,并且是- *浏览网页内容、检查属性和属性值所必需的。 *记录无脚本自动关键字驱动的测试,或用JavaScript、Python、VBScript记录测试脚本,以及其他语言。 *在自动测试运行期间模拟鼠标单击、文本输入和其他事件。 该扩展可与任..

cssPicker插件下载

免费下载插件商店插件官网

插件评论

网友

扩展很好用 ❤ 能否考虑添加获取元素标签的class或id之类的属性呢?复制的元素里面也找不到