21st

Noise Dark Blue Gradient with Squares

Heroes 150

About

Here is Noise Dark Blue Gradient with Squares component

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Noise Dark Blue Gradient with Squares to your project and fits it to your theme.

Code

How Noise Dark Blue Gradient with Squares is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Component from "@/components/ui/noise-dark-blue-gradient-with-squares";

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

More by 21st

View all
  • Futuristic Hero

    Futuristic Hero

    2.7K
  • Hero ASCII one

    Hero ASCII one

    1.4K
  • Hero ASCII

    Hero ASCII

    1.3K
  • Admit One Ticket

    Admit One Ticket

    1K
  • Border Beam

    Border Beam

    941
  • Navigation Menu

    Navigation Menu

    938
  • Border Beam Search

    Border Beam Search

    584
  • Thinking Orbs

    Thinking Orbs

    459

More in Heroes

View all
  • SaaS Template

    SaaS Template

    2.5K
  • Responsive Hero Banner

    Responsive Hero Banner

    2K
  • Hero

    Hero

    1.3K
  • Centered Hero with Image Fan

    Centered Hero with Image Fan

    976
  • Aero Hero-3

    Aero Hero-3

    580
  • Editorial Collage Hero

    Editorial Collage Hero

    460
  • Glass Fold

    Glass Fold

    306
  • HeroSectionWithGradient

    HeroSectionWithGradient

    351