
Crypto Loaders: 20 CSS Loading Animations, HTML, PHP, Node
20 loading animations for crypto and web3 products: a block joining the chain, a coin on its edge, a token swap, staking, a bridge between chains, the network, a Merkle tree, hashing, mining, six confirmations, a wallet handshake, a gas gauge and a market chart among them. Each is drawn by CSS alone, with no script and no image, and scales from one size value; its two colours, its speed and five themes change on the element itself. They come as a stylesheet with HTML snippets, a PHP package for Composer and an npm package for Node with a React component and a custom element, so the same loader prints the same markup in any stack. Every one is announced to screen readers and settles into a slow pulse for people who ask for less motion.
One payment. The files are yours to download right away.
- Instant downloadIn your account the moment the payment goes through, with the receipt by email.
- Personal and commercial useOne license for one person, in your own work and your clients'. The files themselves are not shared or resold.
- Includes
- 20 loading animations
- Formats
- CSS, HTML snippets, PHP package (Composer), npm package (ES modules, TypeScript types)
- Download
- 61 files in one zip, 0.2 MB
- Works with
- HTML, PHP 8.1+, Node, React, Vue, Svelte and any page that loads CSS
- Category
- Components
- Released
- 21 Oct 2026
- License
- Personal and commercial use
Where to use it
Sites and dApps
Landing pages, token pages and dApps, wherever a price, a balance or a page is on its way.
Wallets and exchanges
The moments a user waits on the chain: a swap, a bridge, a stake, six confirmations, a wallet connecting.
Any stack
The same markup from plain HTML, PHP or Node, a React component and a custom element for Vue and Svelte.
Your own colours
One size value scales a loader; two colours, the speed and five themes change on the element itself.

