Free React components.
Unexpected character.

Animated backgrounds, hero sections and footers for React and Next.js.
Free, open source, and yours to shape.

Fluid Gradient

Interactive shader

Small details. Big difference.

Start with a React hero section, an animated background or a footer component. Install editable source with the shadcn registry, then make it your own.

Need a starting point? Read our React UI guides and examples.

Install editable source

npx shadcn@latest add
https://vfx-ui.com/r/fluid-gradient.json

React + TypeScript Open source MIT