Skip to content

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.

Components

$9

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.

Type something to search.