好看小组件(小组件为你推荐)

我对设计美学有一定的执念,所以写一些UI的时候会更注重它的美观和舒适。
现在随着前端的发展,一些成套的组件库层出不穷,比如基于Vue的Element UI,iView,基于React的Ant设计,Fluent UI等。他们的设计其实挺好的,只是有些配色和款式没有达到我理想中的样子。
其实我很欣赏苹果半透明的设计风格,比如这个:
有兴趣的可以看看苹果的设计手册:https://developer . Apple . com/design/human-interface-guidelines/。
同时,我也很推崇材质设计中的一些光影概念,但我不太喜欢原生材质设计,比如这个:
个人觉得这个原生材质设计有点太硬,有点重。
相比之下,当前的一些元素UI和Ant设计吸收了它们的一些优点,并提供了一些UI组件,例如:
这样的设计风格没有材质设计那么厚重,也吸收了苹果设计的一些风格,其他的光影效果也相当不错。
但是,这些设计还是没有达到我理想中的样子。
比如卡片的一些设计,边缘轮廓的一些设计,总让我觉得不那么清爽。
后来直到我用了一个梯子软件,是基于一个叫STISLA的UI框架设计的。整体风格是这样的:
第一眼就喜欢上了。好像借鉴了一些材质设计的光影设计理念,但同时看起来也没有那么重。有些布局,卡片和文本框的轮廓也很清晰。其他的配色和图标风格整体上也给人耳目一新的感觉。总之我个人很喜欢他们。
这个UI框架的名字叫STISLA,官网是https://getstisla.com/.它是基于BootStrap4编写的。可惜现在不提供Vue和React支持,暂时还不能完全组件化。不过里面有些类是可以直接用的,就像用tailwind一样。
STISLA现在是完全开源的,它的GitHub库是https://github.com/stisla/stisla.如果你用的话,直接引用里面的CSS就行了,这里就不赘述了。
更多组件,可以去官方演示样片页面体验。链接是:https://demo.getstisla.com/.这里有几个组件。
头像:
文章列表:
统计图表:
用户信息:
表单:
表格:
不得不说,我觉得每一页都很顺眼!如果你有兴趣,请访问官方网站。
好了,以上介绍到此为止。有兴趣就赶紧用吧~

其他教程

tws耳机 什么值得买(十大tws耳机)

2022-9-2 8:23:55

其他教程

win10为啥没有声音(Win10没有声音)

2022-9-2 8:25:57

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索