---
name: "@loadercn"
slug: "loadercn"
description: "Animated loaders for React and shadcn/ui. Zero dependencies, pure CSS animation, no Tailwind required. Install with the shadcn CLI or copy one file."
category: "Animated components"
tags: ["animation", "loaders", "media"]
framework: "react"
license: null
author: null
website: "https://loadercn.vercel.app"
github: null
registry: "https://loadercn.vercel.app/r/{name}.json"
pro: false
pro_url: null
github_stars: null
component_count: 0
generated_at: "2026-10-27T06:34:08.542Z"
---

# @loadercn

Animated loaders for React and shadcn/ui. Zero dependencies, pure CSS animation, no Tailwind required. Install with the shadcn CLI or copy one file.

## Links

- Website: https://loadercn.vercel.app
- Registry JSON: https://loadercn.vercel.app/r/{name}.json
- Directory page: https://sh4dcn.netlify.app/registry/loadercn
- This file: https://sh4dcn.netlify.app/md/loadercn.md

## Install

```sh
# fetch the raw registry index
curl -s https://loadercn.vercel.app/r/{name}.json
```

## Components (0)

_No public registry index resolved for this library._

## For AI agents

```text
You are adding components from @loadercn to a shadcn-compatible project.
1. Read this file (https://sh4dcn.netlify.app/md/loadercn.md) for the component list.
2. Fetch the machine-readable index: https://loadercn.vercel.app/r/{name}.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.netlify.app/json (library slug: loadercn).
```