百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
A

Amicro--Micro-transitions-

> 编程语言
开源

@subhanhq/amicro 这是一套由优质 React 微交互、过渡组件和由 Motion 提供的卡布局组成的精选集合。 --- t…

1.3K stars0 点赞2 次浏览
访问官网GitHub

工具介绍

@subhanhq/amicro 这是一套由优质 React 微交互、过渡组件和由 Motion 提供的卡布局组成的精选集合。 --- t…

@subhanhq/amicro

由 Motion 提供的高级 React 微交互、过渡组件和卡布局的精选集合。

╭──────────────────────── Amicro CLI ────────────────────────╮
│ npx @subhanhq/amicro@latest init     initialize project    │
│ npx @subhanhq/amicro@latest add      add UI components     │
╰────────────────────────────────────────────────────────────╯

⚡️ 快速入门

安装

bash
npm install @subhanhq/amicro
# or
yarn add @subhanhq/amicro
# or
pnpm add @subhanhq/amicro

CLI 命令用法

bash
# 1. Initialize configuration in your React / Next.js / Vite project
npx @subhanhq/amicro@latest init

# 2. Add individual components directly to your codebase
npx @subhanhq/amicro@latest add download-button

# 3. Add card interaction components
npx @subhanhq/amicro@latest add card-arc-5

shadcn/ui 注册表集成

您可以使用 shadcn CLI 将 Amicro 运动原语、自定义钩子和弹簧预设直接添加到项目中!

1. 直接 URL 安装

您可以通过引用其公开的原始 URL 直接安装任何组件:

bash
npx shadcn add https://raw.githubusercontent.com/Subhan-code/Amicro--Micro-transitions-/main/registry/ui/fade-in.json

2. 名称空间注册表映射 (推荐)

在项目的 components.json 中的 registries 字段中添加 @amicro 命名空间:

json
{
  "registries": {
    "@amicro": "https://raw.githubusercontent.com/Subhan-code/Amicro--Micro-transitions-/main/registry/{name}.json"
  }
}

现在,您可以直接按名称安装任何组件、钩子或实用程序:

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

TypeScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言