跳到主要内容
NexusLabs CSS Toolkit — 5 Design Tools

NexusLabs CSS Toolkit — 5 Design Tools EN

NexusLabs Dev · Edge MV3

5 design utilities in one popup — pick colors, style backgrounds, and convert units without leaving your tab. Fully offline.

v1.0.0当前版本
前往 Edge 商店

截图

  • NexusLabs CSS Toolkit — 5 Design Tools 截图
  • NexusLabs CSS Toolkit — 5 Design Tools 截图
  • NexusLabs CSS Toolkit — 5 Design Tools 截图
  • NexusLabs CSS Toolkit — 5 Design Tools 截图
  • NexusLabs CSS Toolkit — 5 Design Tools 截图

简介

Stop switching between websites for everyday design tasks. NexusLabs CSS Toolkit puts 5 powerful, privacy-first styling utilities into a single beautiful popup — right in your browser toolbar.

Whether you need to quickly translate a color between different formats, create a harmonious set of tones, design a smooth background transition, convert between sizing units, or fine-tune a depth effect — CSS Toolkit handles it in one click without leaving your current tab.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✅ What You Can Do

Pick any color and instantly see its value in every common format — hex, RGB, and HSL. Adjust individual channels with sliders, preview the result in real time, and copy the output with one click.

Need a coordinated set of tones? Enter a base color and generate complementary, analogous, triadic, tetradic, shade, and tint variations automatically. Each swatch shows its value and can be copied individually.

Build smooth background transitions by choosing a direction, picking your starting and ending colors, and optionally adding a third stop. Preview the result live and copy the ready-to-use style rule.

Convert between common sizing units — pixels, rems, ems, points, and percentages — with a configurable base size. Type a value in one field and see all conversions update instantly.

Fine-tune depth effects with intuitive sliders for offset, blur, spread, and opacity. Toggle the inset option, pick a shadow color, and preview the result against a live element — then copy the finished style rule.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🔒 Privacy First

This extension makes zero network requests. Everything runs 100% locally in your browser. There are no analytics, no trackers, and no data is saved, cached, or persisted. It requests no special permissions and has zero access to your browsing history, tabs, or bookmarks. The full source code is available on GitHub.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🎨 Designed for Daily Use

The interface uses a modern dark theme with a clean tabbed layout. Switch between tools instantly, and everything works at any zoom level with smooth animations and visual feedback.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

NexusLabs CSS Toolkit is part of the NexusLabs extension family. Visit nexuslabs.website for 325+ free online tools.

NexusLabs CSS Toolkit — 5 Design Tools 是做什么的

NexusLabs CSS Toolkit — 5 Design Tools 是一款面向 Edge 的实用工具类扩展，主要用来解决浏览器里某类具体的小问题。官方对它的介绍是：5 design utilities in one popup — pick colors, style backgrounds, and convert units without leaving your tab. Fully offline.在微软 Edge 加载项商店上，它当前版本 1.0.0。

适合什么人用

从功能定位看，NexusLabs CSS Toolkit — 5 Design Tools 更适合想补上浏览器原生缺失功能的用户。如果你平时只是偶尔遇到相关需求，用浏览器自带功能也能凑合；但如果这件事每天都发生，装一个专门处理它的扩展通常比手动操作省事得多。

怎么安装 NexusLabs CSS Toolkit — 5 Design Tools

  1. 打开微软 Edge 加载项商店上的官方页面；
  2. 点「添加到浏览器」并确认权限提示；
  3. 装好后在扩展列表里固定图标，方便随时开关。

本站只做索引与介绍，安装包来自官方商店。如果商店页面提示当前地区不可用，说明该扩展未在你所在区域上架。

常见问题

NexusLabs CSS Toolkit — 5 Design Tools 是免费的吗？

NexusLabs CSS Toolkit — 5 Design Tools 在微软 Edge 加载项商店免费提供下载。它是浏览器扩展，装上就能直接用，不需要注册账号。

NexusLabs CSS Toolkit — 5 Design Tools 安全吗？

它只申请了 0 项权限，范围比较克制，没有申请「读取所有网站数据」这种大权限。

NexusLabs CSS Toolkit — 5 Design Tools 支持哪些浏览器？

当前收录的版本来自微软 Edge 加载项商店，适用于 Edge。同一个扩展在其他商店可能有对应版本，但功能与版本号不一定相同。

怎么卸载 NexusLabs CSS Toolkit — 5 Design Tools？

在扩展管理页找到 NexusLabs CSS Toolkit — 5 Design Tools，点移除即可。它在本地保存的设置会一起清掉，不会残留数据。

权限清单 来自 manifest.json 原文

未解析到权限条目。