最近有没有美观度很高的前端库推荐啊

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2496 天前的主题，其中的信息可能已经有所发展或是发生改变。

感觉 bootstrap 有点过时。semanticui 也不够好看。ant.design 也稍微普通了点。有没有那种配色又协调、又有各种很舒服的小动效、能做出来像 wetransfer 那样效果的框架？基于 react 或者不基于 react 都行。

React

小动效

wetransfer

semanticui

44 条回复 • 2018-01-26 09:06:35 +08:00

gowk

2018-01-24 20:02:41 +08:00

Bulma

chotow

2018-01-24 20:31:58 +08:00 via Android

Bootstrap4 发布了，我觉得不错。

lfzyx

2018-01-24 20:39:56 +08:00

Bootstrap

kilik52

2018-01-24 20:56:09 +08:00

@chotow @lfzyx Bootstrap 的 dropdown 菜单显示的时候太生硬，直接显示出来的。一点动画都没。

azygote

2018-01-24 21:52:04 +08:00 via iPhone

iview-admin

zdhxiong

2018-01-24 21:59:43 +08:00 via Android

MDUI
https://www.mdui.org

xiaoz

2018-01-24 22:31:09 +08:00 via Android

layui 就是有点重

chotow

2018-01-24 22:57:26 +08:00

@kilik52 这一个特性开发者不可能没考虑到，既然没有，就是认为没有必要。事实上我也不赞成 dropdown 这一类组件使用效果太明显的动画。

Anakin078

2018-01-24 23:14:54 +08:00

Layui。刚做了一个项目用了，感觉很美观简洁

ETiV

2018-01-24 23:57:36 +08:00 via iPhone

UIkit

默认配色讨喜，icon 都特精致。

all in one 自成一套，能无痛搭配 vue、react 用

hlwjia

2018-01-25 00:03:56 +08:00 via iPhone

@ETiV UIkit 和 react 用起来会不会有坑？

connection

2018-01-25 03:42:09 +08:00

bulma~~

MushishiXian

2018-01-25 08:04:30 +08:00

grommet

doubleflower

2018-01-25 08:10:46 +08:00

MDUI 看上去是所有 MD 类里质量还不错的。
别的 MD 类 css 要么不美观还原度不行要么在千元机上性能捉急。

bulma 一年前用过，那时候网站和用起来感觉都还很挫呢，今天去看了下至少网站是不错了，不知道用起来是否也好用点。

xiadd

2018-01-25 08:11:23 +08:00

semantic-ui

aksoft

2018-01-25 08:25:58 +08:00

恕我直言，你只是个写代码的，美不美你不懂

saulshao

2018-01-25 08:43:01 +08:00

作为一个在传统应用领域经验丰富的 BA,我顶楼上 @aksoft 的。
其实最大的问题是什么叫做美？

hasbug

2018-01-25 08:55:55 +08:00

再没也不适用项目场景，自己撸

janxin

2018-01-25 09:08:45 +08:00

Bootstrap4，

FanError

2018-01-25 09:09:56 +08:00 via iPhone

ant.design 感觉不错，不过好像没纯 css 库，要配合 rect 一起用的

xiaojie668329

2018-01-25 09:14:32 +08:00 via iPhone

vuetify，material design 的 vue 实现，喜欢这种风格可尝试一下。最近在看他的源码，写得很好，看得很舒服。

MyDaLin

2018-01-25 09:29:14 +08:00

推荐到素材火看看，很多前端框架模板的
http://www.sucaihuo.com/templates

shuangdeyu

2018-01-25 09:30:43 +08:00

zui

kilik52

2018-01-25 09:33:32 +08:00

@gowk @connection 谢谢，我去看看

joshua7v

2018-01-25 09:40:52 +08:00

grommet, fabric

littlebutt

2018-01-25 09:44:05 +08:00 via iPhone

iview，最贴合 vuejs 的 ui 库了

logOo

2018-01-25 09:47:08 +08:00

那些看起来超赞的基本都是自己写，或者改的，所以知道什么是美，怎么实现这种美很值钱。

kilik52

2018-01-25 09:49:10 +08:00

@aksoft 恕我直言，你根本不知道我是干吗的，别瞎 BB。随便给你看个我最近做的东西

http://shuyantech.com/cndbpedia/kggraph?entity=%E5%91%A8%E6%9D%B0%E4%BC%A6

这还是我没时间细调效果的。

再给你看看我之前做的 app

http://devdepo.b0.upaiyun.com/WechatIMG227.png

别用你自己的水平去估计别人

kilik52

2018-01-25 09:51:02 +08:00

@zdhxiong 谢谢~。通过你这个我找到了个 materializecss，和 MDUI 各有优缺点好像。

juneszh

2018-01-25 10:34:21 +08:00

@kilik52 看完你的作品，我觉得...@aksoft 还说得有点道理

Coioidea

2018-01-25 10:46:36 +08:00

@chotow 赞同，不知道为什么 bootstrap3 到 4 用了这么长时间

lion9527

2018-01-25 10:57:10 +08:00

已收藏，好人一生平安。

murmur

2018-01-25 11:01:12 +08:00

顶 @aksoft
bootstrap 或者 antdesign 这种太通用的只能让页面显得不那么太丑陋
美的话你需要美工和 UI 设计师

stenphonechow

2018-01-25 11:15:18 +08:00 via iPhone

bootstrap v4
http://v4-alpha.getbootstrap.com

murmur

2018-01-25 11:15:39 +08:00

@kilik52 看了，bug 一堆，我不知道沿着那个路径点进了伊斯兰教，然后那个图片点了或者鼠标指上去都没显示详情
但是后台内容已经加载出来了
难道是自动清真

murmur

2018-01-25 11:17:42 +08:00

顺便，那个 app 都是大众设计，只要稍微用过几个 app 都能仿制出来
但是如果你说背景那个孙悟空和唐僧的画是你画出来的就不一样了

sublime8

2018-01-25 11:20:07 +08:00

这设计还觉得很美，真是程序员作品...

Outshine

2018-01-25 11:48:27 +08:00

恕我直言，看了楼主的作品，我更加认定了一件事：程序员的审美！
这个我顶 @aksoft
实在需要好看，可以招个 UI 或者设计师，然后再招个专业的前端

lneoi

2018-01-25 11:52:44 +08:00

不用太较真，楼主的意思只是在 bootstrap 这样不丑的基础上，找一些可以更快捷做的更加漂亮的东西。
真的的好看当然要找设计师专门做了。但哪里每个小项目都有这成本。

daniaoren

2018-01-25 11:56:04 +08:00

搜搜看 atomic design 相关的资源？

建议也别太小看美术了。我以前看公司里设计师做 Sketch 模版的时候也是惊了个呆。

所以要是正经的想调视觉，建议要么自学美术到普通设计师的水准，或者招个 /外包个正经设计师

如果只是要看上去“舒服”，用用模版可以但是最好不要想太多。视觉上的问题不一定是一个动效，一个对齐导致的，很多时候都整体的问题。

guog

2018-01-25 13:30:35 +08:00 via Android

@juneszh 这跟我大学室友整天搞 QQ 空间 QQ 秀的感觉差不多🌚

cz5424

2018-01-25 19:30:07 +08:00 via Android

恕我直言，客户定义美

mingyun

2018-01-25 23:34:51 +08:00

Mark

MrSong0607

2018-01-26 09:06:35 +08:00

Material Design 我自己用了一段，挺不错的，效果什么的也很好看
[Material Design for Bootstrap 4]( https://mdbootstrap.com/)