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

    430
  • Hero Minimalism

    Hero Minimalism

    414
  • CTA with Marquee

    CTA with Marquee

    358
  • Dark Grid

    Dark Grid

    207
  • Processing Card

    Processing Card

    198
  • Login / Signup

    Login / Signup

    198
  • Fallback Card

    Fallback Card

    114

More in Shaders

View all
  • Glass Fold

    Glass Fold

    258
  • Shader Animation

    Shader Animation

    3.7K
  • Phosphor 30

    Phosphor 30

    290
  • Paper design shader Background

    Paper design shader Background

    679
  • Shader Background

    Shader Background

    2K
  • Black Hole

    Black Hole

    24
  • Liquid Glass Logo Reveal

    Liquid Glass Logo Reveal

    328
  • Shader R

    Shader R

    97