为开发人员和设计师精心挑选的预设和盒子阴影编辑器

2025-06-10

为开发人员和设计师精心挑选的预设和盒子阴影编辑器

徽标-轻-中-400x70

Abinav Seelan和我建立了一个网站来整理我们从网络上找到的基于盒子阴影的精美设计 - 以便在我们开始新项目时激发设计灵感。

boxshadows.com

它包含来自以下来源的预设列表:

  • 材料设计(materialize-css)📃
  • tailwindcss💨
  • Windows 98🤓
  • 我的世界!👾
  • ... 以及更多(甚至 DEV.to 😉)

它还具有浏览器内编辑器,允许您调整这些预设或创建自己的设计!

在此处查看源代码

GitHub 徽标 campvanilla / boxshadows

创建和调整 CSS box-shadows ✨

徽标-轻-中-400x70

创建并调整 CSS box-shadows

贡献

想要提交问题或 Pull 请求?请阅读我们的贡献页面。 🤓

首次设置

要设置代码库,请克隆存储库。

git 克隆 https://github.com/campvanilla/boxshadows.git

一旦存储库被克隆,安装必要的依赖项。

npm 安装

要启动开发环境,

npm 启动

在http://localhost:7335/查看应用程序




鏂囩珷鏉ユ簮锛�https://dev.to/rheaditi/curated-presets-box-shadow-editor-for-devs-designers-4l6m
PREV
所有已知 Zoom 问题的半技术性解释
NEXT
在 Javascript 中构建富有表现力的 Monad:简介 GenAI LIVE!| 2025 年 6 月 4 日