Dylan Hobbs

Generative Art

Backgrounds 179

About

Generative node splitting, click to generate. Every generation is unique.

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

Code

How Generative Art is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Component } from "@/components/ui/generative-art";

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

More by Dylan Hobbs

View all
  • Bloom

    Bloom

    99
  • Customizable Loader / Spinner / Transition

    Customizable Loader / Spinner / Transition

    62
  • Cool Blob Effect

    Cool Blob Effect

    38
  • Zima Blue!

    Zima Blue!

    11

More in Backgrounds

View all
  • Elegant Dark Pattern

    Elegant Dark Pattern

    814
  • Gradient Backgrounds

    Gradient Backgrounds

    25
  • Jade Sky

    Jade Sky

    85
  • LivingOrigami bg

    LivingOrigami bg

    135
  • Tailwind CSS Background Snippet

    Tailwind CSS Background Snippet

    536
  • Background snippets

    Background snippets

    14
  • Light theme Tailwind CSS Background Snippet

    Light theme Tailwind CSS Background Snippet

    221
  • Gradient Blur Bg

    Gradient Blur Bg

    18