ant-motion

ant-design / ant-motionJavaScript第 2 期 · 2016-05-28
实时数据待拉取(运行 scripts/enrich.py 后填充)
暂无截图

项目简介

阿里开源的项目,一套 React 框架动效解决方案,可以帮助开发者,更容易的在项目中使用动效。同时可以方便快捷地制作一个公司的介绍页,[在线演示](https://motion.ant.design/)

本期其他项目

全部 →
github-markdown-css
CSS第 2 期

github-markdown-css

仿 GitHub 的 Markdown 的样式,就是使用了这个 CSS 后,Markdown 展示效果和 GitHub 的大致一样。[示例](https://sindresorhus.com/github-markdown-css/)

listen1_desktop
JavaScript第 2 期

listen1_desktop

Listen 1 让你用一个网页就能听到多个网站的在线音乐,支持各种平台。如图:

ssbc
JavaScript第 2 期

ssbc

Python Django 写的种子搜索网站——手撕包菜,如图:

暂无截图
JavaScript第 2 期

waitForImages

背景加载完事件,示例代码:```html$('body').bgLoaded({afterLoaded : function() {alert('Background image done loading');}});```

wechat-h5-boilerplate
JavaScript第 2 期

wechat-h5-boilerplate

为腾讯微信优化的 HTML5 动效模板,帮助你快速构建全屏滚动型 HTML5 页面,[示例](https://panteng.github.io/wechat-h5-boilerplate/)

暂无截图
Python第 2 期

mincss

Python 写的用来找到 CSS 中没有用到的代码片段,并删除。适用于:想要做一个页面,但是不会写 CSS 人。示例代码如下:```python#coding:utf-8#!/usr/bin/env python from __future__ import print_function import sys, os sys.path.insert(0, os.path.abspath('.'))from mincss.processor import Processor# 这里改成想要参考的页面URL = 'http://localhost:9000/page.html'def run():p = Processor()p.process(URL)# 输出INlink的css的简化前和简化后的css代码print("INLINES ".ljust(79, '-'))for each in p.inlines:print("On line %s" % each.line)print('- ' * 40)print("BEFORE")print(each.before)print('- ' * 40)print("AFTER:")print(each.after)# 输出link引用的css的简化前和简化后的css代码print("LINKS ".ljust(79, '-'))for each in p.links:print("On href %s" % each.href)print('- ' * 40)print("BEFORE")print(each.before)print('- ' * 40)print("AFTER:")print(each.after)if __name__ == '__main__':run()```

同类项目

全部 →
astryx
JavaScript第 124 期

astryx

Meta 开源的 React 设计系统。该项目是基于 React 和 StyleX 构建的设计系统,在 Meta 内部经过多年实践。它内置 150+ 组件、7 套可定制主题、深色模式、页面模板和 CLI,对 AI Agent 友好。

来自 @JRZYgit 的分享
ColorTxt
JavaScript第 124 期

ColorTxt

会给小说上色的阅读器。这是一款基于 Electron 构建的本地小说阅读器,支持 TXT、EPUB、MOBI、PDF 等格式。它可自动为正文中的人名和关键词设置颜色,并支持章节识别、划线笔记、语音朗读和 AI 剧情分析等功能。

karakeep
JavaScript第 124 期

karakeep

可自托管的浏览器书签管理平台。这是一款可自托管的浏览器书签管理应用,可保存链接、笔记、图片和 PDF,并支持 AI 自动打标签与生成摘要。它提供全文搜索、OCR、浏览器扩展、移动端应用、RSS 自动收藏和网页归档等功能。

magic-resume
JavaScript第 124 期

magic-resume

在线 AI 简历编辑器。这是一款免费的在线 AI 简历编辑器,无需登录、内置多种模板。它基于 TanStack Start、TypeScript 和 Tiptap 构建,支持实时预览、配置 AI 服务商、深色模式、PDF 导出和自动保存等功能。

TREK
JavaScript第 124 期

TREK

可多人协作的旅行规划平台。这是一款可自托管的旅行规划平台,支持多人实时协作、交互式地图、费用分摊、行李清单、预订管理和旅行计划等功能。它内置 MCP 服务,可结合 AI 助手规划旅行。

emdash
JavaScript第 123 期

emdash

WordPress 的无服务器替代品。该项目是基于 Astro 构建的内容管理系统,可作为 WordPress 的替代品。它提供 WordPress 导入、可视化编辑、全文搜索、定时发布等功能,可直接运行在 Cloudflare 或本地 Node.js+SQLite 等环境上。

r2-web
JavaScript第 123 期

r2-web

纯前端的在线文件管理平台。这是一款纯前端的 Cloudflare R2(云存储)文件管理器,打开网页输入 R2 凭证,就能直接管理桶里的文件。它内置图片、视频、音频和文本预览,支持拖拽/粘贴上传、图片压缩、批量管理等功能。

来自 @Viki9VD3M 的分享
react-scan
JavaScript第 123 期

react-scan

自动揪出 React 应用性能问题的工具。该项目是专门用来发现 React 应用性能问题的可视化调试工具,无需改动任何代码,只需添加一个 script 标签或运行一条命令,即可在页面上高亮显示哪些组件发生了不必要的重渲染,适用于 React、Next.js、Vite、Remix 等项目。

来自 @JRZYgit 的分享