club-squircle React UI圆角生成器

带圆角但不是圆形的按钮?要的是质感,不是死板?那你会对 club-squircle 感兴趣。它专门用来生成和导出带“squircle”(介于圆和方之间的形状)的 UI 元素,适合现代 UI 设计,像 macOS、iOS 上那种味道。

项目是用 React 搭的,整个开发体验也挺顺,直接用 yarn start 就能跑起来。页面热更新,改完直接看到效果,响应也快,挺适合边开发边调。

生产构建也安排得比较妥,用 yarn build 一下,生成的文件已经优化好了,压缩、加哈希都有,部署起来没啥负担。如果你对构建细节感兴趣,还可以 yarn eject 看个究竟,但一般不建议,动静有点大。

另外,项目默认用的是 Create React App 脚手架,熟悉的话上手基本没门槛。如果你还没接触过 CRA,可以先看看这篇入门,或者这个探索指南,讲得也还不错。

如果你在做组件库、图标编辑器或者偏设计感强的后台系统,club-squircle还是蛮值得一试的。生成的形状不仅能预览,还能导出,拿来直接用也方便。

小建议:调 squircle 参数的时候,别调太圆,不然看起来就像普通圆角矩形了,味儿就不对了。

zip 文件大小:643.99KB