Liana Pepanyan

Blueprint Shader Grid

Shaders 137

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

    431
  • Hero Minimalism

    Hero Minimalism

    415
  • CTA with Marquee

    CTA with Marquee

    361
  • Dark Grid

    Dark Grid

    208
  • Processing Card

    Processing Card

    198
  • Login / Signup

    Login / Signup

    198
  • Fallback Card

    Fallback Card

    114

More in Shaders

View all
  • Glass Fold

    Glass Fold

    279
  • Phosphor 30

    Phosphor 30

    293
  • Shader Animation

    Shader Animation

    3.7K
  • Wave

    Wave

    693
  • Black Hole

    Black Hole

    27
  • Shader Background

    Shader Background

    2K
  • Shader Lines

    Shader Lines

    2.3K
  • Liquid Glass Logo Reveal

    Liquid Glass Logo Reveal

    629