这个CSS框架，像手写笔记一样随意
上周我搭一个个人项目页面，试了几个主流框架都觉得太“端正”了——按钮像公务员、卡片像合同。正烦着，朋友甩过来一个链接说：“试试这个，像你草稿本上画的。” 打开一看，PaperCSS，一个自称“the less formal CSS framework”的东西。
【像从笔记本上撕下来的】 它的所有组件——按钮、卡片、导航栏、进度条——全是手绘风格，边框有铅笔的轻微抖动感，阴影像是用马克笔随手涂的。不是那种“拟物”的精致，而是“我拿圆珠笔在纸上画了个按钮”的随意。官方文档本身就用这套风格，翻起来像在读一本手作zine。它不追求像素级完美，反而让页面有了温度和个性。
【该有的都有，但都不“正经”】 别以为它只是个花架子。PaperCSS提供了完整的组件库：Alerts、Badges、Breadcrumb、Buttons、Cards、Collapsibles、Forms、Modals、Navbar、Popovers、Progress、Tabs……覆盖了日常开发大部分场景。布局方面有Container和Flexbox，工具类包括Borders、Shadows、Colors、Dark Mode、Spacing。每个组件都遵循同一套手绘视觉语言，拼在一起很和谐。而且它自带深色模式，切换后所有元素自动变成手绘暗色版，细节到位。
【轻量、开源、不端着】 整个框架非常轻，没有复杂的学习曲线。你直接引用它的CDN就能用，或者下载源码自己改。项目在GitHub上开源，由Rhyne和一群贡献者维护。适合做个人网站、作品集、原型演示、或者任何你想让用户会心一笑的页面。当然，严肃的企业后台用它可能不太合适——但谁规定所有网站都得穿西装呢？
如果你也受够了千篇一律的“专业感”，不妨拿PaperCSS搭个页面玩玩。你用它做过什么好玩的东西？来聊聊。
评论
暂无评论