Gradient Blur Bg | Community Components - 21st | 21st

/Gradient Blur Bg/

Gradient Blur Bg

Here is Gradient Blur Bg component

Install

npx shadcn@latest add https://21st.dev/r/meghtrix/gradient-blur-bg

Loading preview...

import { Component } from "@/components/ui/gradient-blur-bg";

export default function DemoOne() {
  return <Component />;
}

More examples

Purple Gradient Grid Left BgOpen page →

Loading preview...

Sky Gradient Grid RightOpen page →

Loading preview...

Sky Dual Gradient Grid OverlayOpen page →

Loading preview...

Sky Gradiend Grid TopOpen page →

Loading preview...

Sky Gradient Grid BottomOpen page →

Loading preview...

Gradient small Grid bgOpen page →

Loading preview...

Gradient Big Grid BgOpen page →

Loading preview...

Gradient Big Grid 2 Open page →

Loading preview...

Grid Blur TopOpen page →

Loading preview...

Grid Blur BottomOpen page →

Loading preview...

Gird Blur Top LeftOpen page →

Loading preview...

Grid Blur Top RightOpen page →

Loading preview...

Source

patterncraft.fun

Published

9/13/2025

Install

Dependencies

Tags

Featured

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Install

Dependencies

Tags

Install

Dependencies

Tags

Install

Dependencies

Tags

Gradient Blur Bg

Install

More examples

Source

Published

Similar components