文档菜单

让组件属于你。

通过 shadcn 注册表安装易读的 React 源代码,或手动复制。组件保存在你的项目中,可自由定制。

安装

在已初始化 shadcn 的项目中运行注册表命令。组件会添加到所配置的 components 别名路径下。

pnpm dlx shadcn@latest add https://loading.design/r/ring.json

可用组件

弯月/r/crescent.json
彗星/r/comet.json
花瓣轮/r/petal-wheel.json
翻转方块/r/flip-tiles.json
摆锤/r/pendulum.json
声波/r/waveform.json
智能体脉冲/r/agent-pulse.json
神经网格/r/neural-grid.json
工具链/r/tool-chain.json
搜索扫描/r/search-sweep.json
骨架占位块/r/skeleton.json
波浪竖条/r/bars.json
雷达/r/radar.json
分段圆环/r/segmented-ring.json
弹跳圆点/r/bouncing-dots.json
闪光文字/r/shimmer-text.json
推理脉冲/r/reasoning-pulse.json
图像生成/r/image-generation.json
平滑流式文字/r/smooth-stream.json
轨道/r/orbit.json
双弧/r/dual-arc.json
点状圆环/r/dotted-ring.json
涟漪/r/ripple.json
虚线圆环/r/dashed-ring.json
卫星/r/satellite.json
风车/r/pinwheel.json
圆环/r/ring.json
思考圆点/r/thinking-dots.json
文本骨架屏/r/text-skeleton.json

结构

各框架版本具有相同的加载样式、无障碍状态及减少动态效果的行为。使用导航栏中的选择器切换全站的源代码和示例。