Nexmoe.css - 只用 HTML 就能写出具有流畅动画和漂亮界面的现代网站。

V2EX = way to explore

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

现在注册

已注册用户请登录

爱意满满的作品展示区。

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

我觉得其实大部分场景根本用不到 UI 框架去写一些页面

所以我做了 Nexmoe.css ，纯 CSS 只用 HTML 就能写出具有流畅动画和漂亮界面的现代网站。

Github： https://github.com/nexmoe/nexmoe.css 官网： https://nexmoe.github.io/nexmoe.css

求个 star!

实例

现在我用 Nexmoe.css 做了一个我做的浏览器插件的设置页面

第 1 条附言 · 2022-04-03 17:55:39 +08:00

只使用 HTML
流畅的动画
漂亮的界面
响应式
小尺寸 5kb
无 Class

33 条回复 • 2022-04-12 15:59:04 +08:00

SJ2050cn

2022-04-03 17:34:14 +08:00

前端轮子也太多了吧，目前用 windicss 用的挺好的😄

nexmoe

2022-04-03 17:35:22 +08:00

@SJ2050cn #1 和 windicss 不是一个东西

SJ2050cn

2022-04-03 17:38:04 +08:00

@nexmoe #2 有啥不同吗，从官网上我就看到了字体大小，表单这些样式，windicss 里也都有啊

nexmoe

2022-04-03 17:39:36 +08:00

@SJ2050cn #3 Nexmoe.css 只需要 HTML 标签，没有 Class

zx8812766

2022-04-03 18:18:57 +08:00

不错。之前用 simple.css ，现在又有种风格可选。现在越来越喜欢这种 classless 的 css 框架了

x500

2022-04-03 18:21:37 +08:00

star 了

nexmoe

2022-04-03 18:28:16 +08:00

@zx8812766 #5 估计有动画的只有我这一个

MrBrother

2022-04-03 18:32:09 +08:00 via Android

你的那个 Hexo 主题我朋友在用，蛮好看滴，不过我没注册 Disqus ，所以顺便在这里评论一下，就是 GitHub Desktop 那篇文章的单词“respiratory”好像用错了

mlhadoop

2022-04-03 21:20:59 +08:00

赞，没有看到文档？

nexmoe

2022-04-03 21:42:12 +08:00

@mlhadoop #9 目前直接看 index.html 的源码就行了

yrj

2022-04-04 03:59:23 +08:00

挺好，写一些简单的小页面可以用用，不用考虑太多

yrj

2022-04-04 04:02:04 +08:00

就是 outline 你没处理一下？ iPad 下手风琴模块略丑

liaohongxing

2022-04-04 11:13:42 +08:00

firefox 下蓝色 outline 加黑边框略丑，checkbox 样式重写了吗，是原生样式吗

madlifer

2022-04-04 13:31:01 +08:00

恭喜发布是不是可以扩展一下做 PC 、移动端的自适应。这样通过引入这个 css 来创建的网页可以自适应，可能实用性会比较强，让人快速建立自适应网站。

nexmoe

2022-04-04 16:29:14 +08:00 via Android

@madlifer 在做移动端适配了

nexmoe

2022-04-04 16:30:18 +08:00 via Android

@liaohongxing checkbox 重写了

Biwood

2022-04-04 17:52:40 +08:00 via Android

跟这个有点类似 https://github.com/picocss/pico

nexmoe

2022-04-04 20:00:35 +08:00

@Biwood #17 对，是同类

Austin2035

2022-04-05 09:31:19 +08:00

前端发明家

SoulClinic

2022-04-05 17:30:39 +08:00 via iPhone

写成 web-component

sevenQu

2022-04-05 17:36:15 +08:00

确实是好东西，但感觉目标用户的定位很尴尬

win11

2022-04-05 21:55:31 +08:00 via Android

看到你这个，突然想到 V 友的 github.com/itorr/e ，我有一个大胆的想法

nexmoe

2022-04-05 22:01:00 +08:00

@win11 #22 要敢想敢做啊

junlong

2022-04-06 15:13:05 +08:00

Made width ❤ by Nexmoe ->Made with ❤ by Nexmoe

zyy4548

2022-04-07 22:42:41 +08:00

不错, 要是有带分页的表格跟弹出提示就完美了

nexmoe

2022-04-07 23:20:16 +08:00 via Android

@zhanggaungqiang 😂现在还是 0.4.0 版本，离完工还有距离

Peikon

2022-04-08 20:17:03 +08:00

![]( https://s3.bmp.ovh/imgs/2022/04/08/be43ed0eb99e6415.png)
下拉框的收起动画会导致奇怪的界面

Peikon

2022-04-08 20:19:41 +08:00

[img]https://s3.bmp.ovh/imgs/2022/04/08/35f13541f31fe330.png[/img]
navbar 下拉框的位置也有点怪

codehz

2022-04-09 06:46:02 +08:00

你这个按钮 hover 时的 filter 很影响可读性啊，字体如果本来就是宽度 1px 的（你也没指定，谁知道用户在用啥），就直接消失不见了

nexmoe

2022-04-11 20:13:11 +08:00

@zhanggaungqiang #25 有分页了

nexmoe

2022-04-11 20:13:22 +08:00

@Peikon #27 修复了

nexmoe

2022-04-11 20:13:39 +08:00

@Peikon #28 优化了

vertotem

2022-04-12 15:59:04 +08:00

用手机访问页面的话图片好像不会自适应，可以优化一下吗