Particle Background
30 resources ship this component · Motion & Effects
Also called: dot field, starfield, animated canvas background, wave background, grid background.
Ships it
- HyperFrames · Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agentsGenerative Media ToolsS
- Paper Shaders · 30 zero-dependency canvas shaders as React components or vanilla JS, Apache-2.0Textures, Backgrounds & AssetsS
- Radiant · Zero-dependency generative shaders as single HTML files, embedded by iframeTextures, Backgrounds & AssetsS
- React Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgroundsMotion & InteractionS
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent KitComponent LibrariesS
- remocn · 282 Remotion components for product-demo video, installed by the shadcn CLIMotion & InteractionS
- Shader Lab · Browser shader compositor with a WebGPU React runtime for exportTextures, Backgrounds & AssetsS
- 21st.dev · Community shadcn registry: 12,000+ React components, 48 templates, 48 themesComponent LibrariesA
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templatesMotion & InteractionA
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI installMotion & InteractionA
- Canvas UI · 33 WebGL/canvas effects that wrap real HTML, in 6 frameworksTextures, Backgrounds & AssetsA
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLIMotion & InteractionA
- Cult UI · 82 free design-engineer components plus 10 paid full-stack AI startersComponent LibrariesA
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt indexGenerative Media ToolsA
- Inspira UI · MIT animated components for Vue and Nuxt in the style of Aceternity UI and Magic UIMotion & InteractionA
- Magic UI · 150+ animated shadcn-compatible React components for landing pagesMotion & InteractionA
- Originkit · 180 animated web components plus 48 page sections, for Framer, React and MCPMotion & InteractionA
- Osmo · Paid vault of 231 GSAP/Webflow interaction recipes plus a 100-button packMotion & InteractionA
- Radiant Shader Gallery · Browsable gallery of 87 free WebGL and Canvas 2D background effectsTextures, Backgrounds & AssetsA
- ThreeUI · Three.js hero components, shaders and landing-page templates with a Pro-gated remote MCP server — Community free, Pro $99/yr or $199 lifetimeTextures, Backgrounds & AssetsA
- unlumen UI · Freemium shadcn registry of Motion-driven React componentsComponent LibrariesA
- aengel.io Laboratory · 19 WebGPU and TSL experiments — compute fluids, raymarching, refraction — reference only, no source codeTextures, Backgrounds & AssetsB
- Animate UI · 73 motion-first React components shipped as a shadcn registryMotion & InteractionB
- Eldora UI · 40 animated React components plus 16 landing-page blocks, shadcn-installableMotion & InteractionB
- Fancy Components · An MIT React library of microinteractions at 3,101 stars, organised by physics, text and image effect rather than by widgetMotion & InteractionB
- MetalForge · 400+ shader effects for SwiftUI, React Native, and the web, tuned with sliders and exported as codeTextures, Backgrounds & AssetsB
- Reverse UI · 68 animated React components built on Framer Motion, sold as a lifetime licenceMotion & InteractionB
- Soft Club UI · 118 Radix-based React components in a late-90s dark-glass aestheticComponent LibrariesB
- Tailark · shadcn registry of marketing-site blocks, illustrations and brand logo SVGsBlocks, Templates & ThemesB
- The Gridcn · Tron-styled shadcn registry: 140 items, six themes, HUD and 3D grid componentsComponent LibrariesB