Log in

<BlurredBackground />

Blurred background component based on the current slide. By default, it takes all the available space of its container.

const MySlider = () => (
	<Slider
		slides={slides}
	>
		<BlurredBackground />
		<SliderImage />
	</Slider>
);
Wave

Get the code

Please, log in or sign up to see the code.

See more components and hooks

Pay once, own them forever

Lifetime license

Pay once and use all our components and examples forever.

What do you get?

  • Access to all components & hooks
  • Access to all examples
  • Compatible with React and Next.js
  • CSS-in-JS and TailwindCSS variants
  • JavaScript and TypeScript versions
  • Use in unlimited projects
  • Free updates and new components
  • Lifetime license, no subscriptions

Early access discount

Available to the first 100 customers.

39
19
One time payment. 50% off.

Pay once. Build unlimited projects!