Small interfaces, made carefully.

What this is

Shardloop is a library of 16 (and counting) hand-built interface components — tab bars, sliders, uploaders, players — each one built around a single good interaction: a spring that settles just right, a wave that crosses a tab bar, a card that feeds through a reader exactly as far as your upload has got.

New components land regularly. Each one is a shard; together they make the loop.

What you download

Every zip is the same folder you play with on this site:

• index.html — a working demo
• <name>.css and <name>.js — the component itself
• assets/ — images, when the component needs them
• README.md — usage and options

Plain HTML, CSS and JavaScript. No framework, no build step, no npm install. Most use nothing but a Google Font.

License

Everything is free under the MIT License: use it in personal and commercial projects, change it, ship it. A credit is appreciated, never required.