Liana Pepanyan

Blueprint Shader Grid

Shaders 136

About

Animated blueprint-grid shader background used across the Dali Agents UI on daliagents.com, with a discreet daliagents.com credit link.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Blueprint Shader Grid to your project and fits it to your theme.

Code

How Blueprint Shader Grid is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Component from "@/components/ui/asd";

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

More by Liana Pepanyan

View all
  • CTA with Text Marquee

    CTA with Text Marquee

    1.1K
  • Dock

    Dock

    421
  • Hero Minimalism

    Hero Minimalism

    413
  • CTA with Marquee

    CTA with Marquee

    355
  • Dark Grid

    Dark Grid

    203
  • Processing Card

    Processing Card

    197
  • Login / Signup

    Login / Signup

    194
  • Fallback Card

    Fallback Card

    113

More in Shaders

View all
  • Glass Fold

    Glass Fold

    212
  • Neural Noise

    Neural Noise

    718
  • Water Caustic

    Water Caustic

    44
  • Shader Background

    Shader Background

    2K
  • Wave

    Wave

    687
  • Stripe like gradient-shader

    Stripe like gradient-shader

    265
  • Black Hole

    Black Hole

    23
  • Shader Lines

    Shader Lines

    2.3K