让组件属于你。
通过 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结构
各框架版本具有相同的加载样式、无障碍状态及减少动态效果的行为。使用导航栏中的选择器切换全站的源代码和示例。