Shaders
by Shader Effects Inc · shaders.com
Screenshot 1 of 2What it is
WebGPU shader components — gradients, fluids, noise and light — that stack like ordinary components, plus a visual editor. Motion libraries give you animated pieces — text reveals, moving backgrounds, cursor effects — that you drop into a page.
Good for
- Landing page hero sections
- Animated backgrounds
- Small interactions on buttons and cards

SSGOIMotion
Native-app-style page transitions on the Web Animations API — works across frameworks, with no router lock-in.

Motion ExamplesMotion
Motion's official gallery of 462 copyable animation snippets, filterable by React, JavaScript and Vue.

Svelte AnimationsMotion
Magic UI and Spell UI effects ported to Svelte 5.