XT目的先行

XT / COMPONENT INDEX

找到组件,前往原站。

按名称、项目、语言与类别查找组件和动效线索。查看出处与使用条件,再到原站阅读文档、源码或演示。

2059 索引条目13 来源项目原站 代码、文档与使用说明

2059 个索引条目 · 第 17 / 58 页

Magic UI · React

Magic Card

/docs/components/magic-card

卡片布局 · 官方组件页

MotionVault · tsx

FocusCards

src/components/effects/card/FocusCards.tsx

卡片布局 · 固定版本仓库文件

React Bits · React

Color Bends

/backgrounds/color-bends

背景效果 · 官方组件页

shadcn/ui · tsx

scroll area

apps/v4/registry/new-york-v4/ui/scroll-area.tsx

媒体交互 · 固定版本仓库文件

Aceternity UI · React

Floating Navbar

/components/floating-navbar

导航菜单 · 官方组件页

Animata · tsx

card stack

animata/card/card-stack.tsx

卡片布局 · 固定版本仓库文件

Animate UI · React

Slide

/docs/primitives/animate-ui/slide

其他实现 · 官方组件页

Cult UI · tsx

grid beam

apps/www/registry/default/ui/grid-beam.tsx

卡片布局 · 固定版本仓库文件

Fancy Components · tsx

random letter swap forward anim

src/fancy/components/text/random-letter-swap-forward-anim.tsx

文字效果 · 固定版本仓库文件

HyperUI · html

2 dark

public/examples/application/charts/2-dark.html

数据展示 · 固定版本仓库文件

Kokonut UI · React

Magnet Button

/docs/buttons/attract-button.md

按钮 · 官方组件文档(Markdown)

Magic UI · React

Marquee

/docs/components/marquee

其他实现 · 官方组件页

MotionVault · tsx

GlareCard

src/components/effects/card/GlareCard.tsx

卡片布局 · 固定版本仓库文件

React Bits · React

CRT Warp

/backgrounds/crt-warp

背景效果 · 官方组件页

shadcn/ui · tsx

select

apps/v4/registry/new-york-v4/ui/select.tsx

表单输入 · 固定版本仓库文件

Aceternity UI · React

Focus Cards

/components/focus-cards

卡片布局 · 官方组件页

Animata · tsx

case study card

animata/card/case-study-card.tsx

卡片布局 · 固定版本仓库文件

Animate UI · React

Sliding Number

/docs/primitives/animate-ui/sliding-number

其他实现 · 官方组件页

Cult UI · tsx

halo badge

apps/www/registry/default/ui/halo-badge.tsx

数据展示 · 固定版本仓库文件

HyperUI · html

2

public/examples/application/charts/2.html

数据展示 · 固定版本仓库文件

Kokonut UI · React

Bell Button

/docs/buttons/bell-button.md

按钮 · 官方组件文档(Markdown)

Magic UI · React

Meteors

/docs/components/meteors

背景效果 · 官方组件页

MotionVault · tsx

GlowBorderCard

src/components/effects/card/GlowBorderCard.tsx

卡片布局 · 固定版本仓库文件

React Bits · React

Dark Veil

/backgrounds/dark-veil

背景效果 · 官方组件页

shadcn/ui · tsx

separator

apps/v4/registry/new-york-v4/ui/separator.tsx

其他实现 · 固定版本仓库文件

Aceternity UI · React

Following Pointer

/components/following-pointer

其他实现 · 官方组件页

Animata · css

collab card

animata/card/collab-card.css

卡片布局 · 固定版本仓库文件

Animate UI · React

Sliding Text

/docs/primitives/animate-ui/sliding-text

文字效果 · 官方组件页

Cult UI · tsx

halo button

apps/www/registry/default/ui/halo-button.tsx

按钮 · 固定版本仓库文件

Fancy Components · tsx

underline center

src/fancy/components/text/underline-center.tsx

文字效果 · 固定版本仓库文件

HyperUI · html

3 dark

public/examples/application/charts/3-dark.html

数据展示 · 固定版本仓库文件

Kokonut UI · React

Cart Button

/docs/buttons/cart-button.md

按钮 · 官方组件文档(Markdown)

Magic UI · React

Morphing Text

/docs/components/morphing-text

文字效果 · 官方组件页

MotionVault · tsx

HoloCard

src/components/effects/card/HoloCard.tsx

卡片布局 · 固定版本仓库文件

React Bits · React

Dither

/backgrounds/dither

背景效果 · 官方组件页

来源项目

组件及代码的实际使用方式与许可,以对应原站说明为准。

Aceternity UI 114 条 · 原站 ↗Animata 242 条 · 原站 ↗Animate UI 222 条 · 原站 ↗Cult UI 126 条 · 原站 ↗Eldora UI 41 条 · 原站 ↗Fancy Components 51 条 · 原站 ↗HyperUI 533 条 · 原站 ↗Kokonut UI 120 条 · 原站 ↗Magic UI 81 条 · 原站 ↗Motion Primitives 33 条 · 原站 ↗MotionVault 218 条 · 原站 ↗React Bits 217 条 · 原站 ↗shadcn/ui 61 条 · 原站 ↗