---
title: ShaderLensBlur
description: blur go brr
component: true
links:
---

<ComponentPreview
  name="shader-lens-blur-demo"
  className="[&_.preview>[data-orientation=vertical]]:sm:max-w-[70%]"
  description="All variations"
/>

## References

<Citations>
  <p className="font-medium text-primary">Inspiration</p>
  <CitationList>
    <CitationItem>
      <CitationLink
        href="https://github.com/guilanier/codrops-sdf-lensblur"
        target="_blank"
        rel="noopener noreferrer"
      >
        codrops-sdf-lensblur
      </CitationLink>
    </CitationItem>
  </CitationList>
</Citations>

## Installation

<Tabs defaultValue="manual">
  <TabsList>
    <TabsTrigger value="manual">Manual</TabsTrigger>
  </TabsList>
  <TabsContent value="manual">
    <Steps>
      <Step>Copy and paste the following code into your project.</Step>
      <ComponentSource name="shader-lens-blur" />
      <Step>Update the import paths to match your project setup.</Step>
    </Steps>
  </TabsContent>
</Tabs>
