M

𝟭𝟬 𝗪𝗲𝗯 𝗔𝗽𝗽𝘀 𝘁𝗼 𝗕𝗼𝗼𝘀𝘁 𝗬𝗼𝘂𝗿 𝗣𝗿𝗼𝗱𝘂𝗰𝘁𝗶𝘃𝗶𝘁𝘆

2025-06-08

𝟭𝟬 𝗪𝗲𝗯 𝗔𝗽𝗽𝘀 𝘁𝗼 𝗕𝗼𝗼𝘀𝘁 𝗬𝗼𝘂𝗿 𝗣𝗿𝗼𝗱𝘂𝗰𝘁𝗶𝘃𝗶𝘁𝘆

𝟏。 𝐆𝐫𝐚𝐛𝐢𝐞𝐧𝐭

名为“Grabient”的单页网站制作精良,提供丰富多彩的渐变 CSS 代码,助您打造下一个项目。这款单页网站拥有令人印象深刻的 UI 元素,可复制渐变、添加颜色、调整色彩比例,甚至更改渐变角度。

https://www.grabient.com/?ref=producthunt

图片描述

𝟐。

具有模糊、透明度、位置和其他参数的阴影生成器。

https://box-shadow.dev/

图片描述

𝟑. 𝐆𝐫𝐢𝐝 的发音:

生成基本的 CSS 网格代码以制作动态布局。

https://cssgrid-generator.netlify.app/

图片描述

𝟒。𝐊𝐞𝐲𝐟𝐫𝐚𝐦𝐞𝐬

使用可视化时间线编辑器创建 CSS 关键帧动画。

https://keyframes.app/

图片描述

𝟓。

SVG 背景的集合,可以轻松用于设置您的网站。

https://www.svgbackgrounds.com/

图片描述

𝟔。

为您可以想象和创造的任何想法提供开源插图。

https://undraw.co/illustrations

图片描述

𝟕. 𝐒𝐡𝐚𝐩𝐞𝐫

界面风格塑造者。玩转排版、间距、颜色和图层。

https://hihayk.github.io/shaper/

图片描述

𝟖。

字体配对模式简单易用。利用深度学习生成字体组合。

https://fontjoy.com/

图片描述

𝟗. 𝐇𝐞𝐚𝐝𝐥𝐞𝐬𝐬 𝐔𝐈

完全无样式、完全可访问的 UI 组件。

https://headlessui.com/

图片描述

𝟏𝟎。

面向开发的浏览器,使响应式设计变得轻而易举。

https://sizzy.co/

图片描述

鏂囩珷鏉ユ簮锛�https://dev.to/fpaghar/-ia3
PREV
使用 Apollo 实现 GraphQL 游标基础分页
NEXT
删除重复的CSS在线工具