https://github.com/ZiYi0414/handsome-css3-lib

Amazingly handsome Open-Source UI components made with HTML and CSS. Collection of very handsome CSS animations and special effects on the Internet（在网上收集各种帅气的CSS3特效和动画，按钮标题等各种好玩酷炫的特效组件，网站主旨在于收集网上仅靠 CSS 与 HTML 就可以实现的动效UI。
https://github.com/ZiYi0414/handsome-css3-lib

animation awesome beautiful beautiful-ui components copy css css3 effects-animations fontend funny handsome html nextjs open-source pretty pretty-ui ui

Last synced: about 2 months ago
JSON representation

Amazingly handsome Open-Source UI components made with HTML and CSS. Collection of very handsome CSS animations and special effects on the Internet（在网上收集各种帅气的CSS3特效和动画，按钮标题等各种好玩酷炫的特效组件，网站主旨在于收集网上仅靠 CSS 与 HTML 就可以实现的动效UI。

• Host: GitHub
• URL: https://github.com/ZiYi0414/handsome-css3-lib
• Owner: ZiYi0414
• License: mit
• Created: 2022-07-31T02:50:26.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-20T07:36:24.000Z (6 months ago)
• Last Synced: 2024-06-27T10:39:38.044Z (3 months ago)
• Topics: animation, awesome, beautiful, beautiful-ui, components, copy, css, css3, effects-animations, fontend, funny, handsome, html, nextjs, open-source, pretty, pretty-ui, ui
• Language: MDX
• Homepage: https://www.handsome-css.com
• Size: 6.59 MB
• Stars: 432
• Watchers: 4
• Forks: 28
• Open Issues: 41
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


    


        ✨ AWA UI

    

    

        

    

    

    

    
You dont need JS. 😄



## Handsome-css3-lib

Amazingly handsome Open-Source UI components made with HTML and CSS

Thank you to everyone who contributes to the cause and art of open source :)

- 网站主旨在于收集网上仅靠 CSS 与 HTML 就可以实现的动效UI。

- 目的是为了提高开发者的审美和技术。

- 有兴趣的小伙伴可以通过   联系我，一起维护这个平台。

- 虽然内容全部完全开源，但尽可能的标注了每个组件的作者名称。

## 如何构建 / How to build

First, run the development server:

> node -v : node >= 16

```bash

npm run build

npm run dev

# or

yarn build

yarn dev

```

Open [http://localhost:8204](http://localhost:8204) with your browser to see the result.

## TODO:

- ~~主页展示方式更新。  p0    DL: 2023-02-28~~

- 需要解决数据逐渐变大的问题。 p1   DL: 2023-03-20

- 单页dom过多解决渲染性能问题。 p1  DL: 2023-03-20

- 账号系统。 p2

- 创作模块。 p3

- CSS Challenge 主题挑战 p3

- 自定义组件模块, 拖拽数值, 自定义颜色, 自定义特效和组合。 p3

## 预览

### web 主页

![预览](./.github/1.png)

### web 分类

![预览](./.github/2.png)

### web 详情

![预览](./.github/3.png)

## 编写手册

[详情请查看](https://github.com/CFsjp/chengfeng-blog/issues/3)