Mote Loader
loaderProA particle loader: motes orbit and gather into a ring, as a comet when indeterminate or a filling ring when given a value.
Opening soon
Pro cannot be bought yet. The page opens when payment is ready.
Preview
The preview could not load.
Live demo. The theme switches the demo itself.
Code
mote-loader.tsxPro
The code is locked
Mote Loader is part of Manniche UI Pro. A key unlocks the source of all 60 effects.
Opening soon€49 · Introductory price until 31 December 2026. €79 after that.
- One-off payment
- One developer
- Your key arrives by email straight away
- No VAT (§ 19 UStG)
Have a key? Get the code with the CLI or MCP.
The key lives in MANNICHE_PRO_KEY, never in your code or a URL. How to set it up
CLI
npx shadcn@latest add @manniche-pro/mote-loaderMCP
claude mcp add --transport http manniche-ui https://mikkelmanniche.dk/api/mcp --header "Authorization: Bearer $MANNICHE_PRO_KEY"Props
MoteLoaderProps
| Prop | Type | Default | What it does |
|---|---|---|---|
value | number | – | Progress from 0 to 1. Leave it out for the indeterminate mode, where a comet of particles chases round the ring. With a value, particles settle into the ring one by one while the rest keep drifting around it. |
size | 'sm' | 'md' | 'lg' | number | 'md' | sm (24 px), md (40 px), lg (72 px) or any size in CSS pixels. |
color | string | 'currentColor' | Particle colour. Any CSS colour; defaults to the inherited text colour. |
label | string | 'Loading' | Accessible name, announced with the progress bar. |
className | string | – | Classes for the wrapper (a fixed-size inline block). |
A11y
No accessibility notes written yet.
The notes come with the source when Pro opens.